/* Returns Flow design-system tokens (colours, type, spacing, effects). Generated from the design system; do not edit by hand. */

/* colors.css */
/* Returns Flow — colour tokens. Values are the Tailwind v3 palette the app is built on (cdn.tailwindcss.com). */
:root{
/* Neutral (gray) */
--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;
/* Primary (blue) */
--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;
/* Success (green) */
--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;
/* Danger (red) */
--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;
/* Warning (yellow) */
--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;
/* Action (orange) — RMA */
--orange-100:#ffedd5;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;
/* Multi-select (purple) */
--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-500:#a855f7;--purple-700:#7e22ce;
/* Brand (logo) */
--brand-purple:#7b3d99;--brand-blue:#1f8ad5;--brand-navy:#1f2a5c;
/* Semantic aliases */
--surface-page:var(--gray-100);--surface-card:#ffffff;--surface-muted:var(--gray-50);--surface-panel:var(--gray-200);--surface-overlay:rgba(0,0,0,.4);--surface-overlay-light:rgba(0,0,0,.3);
--text-body:var(--gray-900);--text-strong:var(--gray-800);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-inverse:#ffffff;
--border-default:var(--gray-200);--border-strong:var(--gray-300);
--accent:var(--blue-600);--accent-hover:var(--blue-700);--accent-text:var(--blue-700);--accent-soft:var(--blue-100);--accent-ring:var(--blue-200);--focus-ring:var(--blue-400);
--action-create-from:var(--blue-500);--action-create-to:var(--blue-700);
--action-rma-from:var(--orange-400);--action-rma-to:var(--orange-600);
--action-refund-from:var(--green-500);--action-refund-to:var(--green-700);
--action-multi-from:var(--purple-500);--action-multi-to:var(--purple-700);
--status-paid-bg:var(--green-100);--status-paid-fg:var(--green-700);
--status-unpaid-bg:var(--red-100);--status-unpaid-fg:var(--red-700);
--status-return-bg:var(--yellow-100);--status-return-fg:var(--yellow-700);
--status-pending-bg:var(--gray-200);--status-pending-fg:var(--gray-700);
--status-resend-bg:var(--blue-100);--status-resend-fg:var(--blue-700);
--toast-info:var(--blue-500);--toast-success:var(--green-500);--toast-error:var(--red-500);--toast-warning:var(--yellow-500);
}

/* typography.css */
/* Returns Flow — type. The app uses Tailwind's default system sans stack; keycaps use Inter/monospace. No brand webfonts ship with the product. */
:root{
--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
--font-brand:"Ubuntu",sans-serif;
--font-keycap:"Inter","Menlo","Monaco","Consolas",monospace;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--text-xs:.75rem;--leading-xs:1rem;
--text-sm:.875rem;--leading-sm:1.25rem;
--text-base:1rem;--leading-base:1.5rem;
--text-lg:1.125rem;--leading-lg:1.75rem;
--text-xl:1.25rem;--leading-xl:1.75rem;
--text-2xl:1.5rem;--leading-2xl:2rem;
--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
/* Semantic */
--type-dialog-title:var(--weight-bold) var(--text-2xl)/var(--leading-2xl) var(--font-sans);
--type-section-title:var(--weight-semibold) var(--text-lg)/var(--leading-lg) var(--font-sans);
--type-body:var(--weight-normal) var(--text-base)/var(--leading-base) var(--font-sans);
--type-meta:var(--weight-normal) var(--text-sm)/var(--leading-sm) var(--font-sans);
--type-tag:var(--weight-medium) var(--text-xs)/var(--leading-xs) var(--font-sans);
--type-fab:var(--weight-bold) var(--text-lg)/var(--leading-lg) var(--font-sans);
}

/* spacing.css */
/* Returns Flow — spacing & radii (Tailwind 4px scale). */
:root{
--space-0_5:.125rem;--space-1:.25rem;--space-1_5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;
--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;
/* Semantic */
--pad-card:var(--space-4);--pad-dialog:var(--space-8);--pad-page:var(--space-6);--gap-row:var(--space-4);--gap-inline:var(--space-2);
--radius-tag:var(--radius-sm);--radius-button:var(--radius-sm);--radius-card:var(--radius-lg);--radius-dialog:var(--radius-lg);--radius-pill:var(--radius-full);
--titlebar-height:4.5rem;--search-width:350px;--item-image:4rem;--reason-card:220px;
}

/* effects.css */
/* Returns Flow — shadows, rings, motion (Tailwind defaults). */
:root{
--shadow-sm:0 1px 2px 0 rgb(0 0 0/.05);
--shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);
--shadow-md:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);
--shadow-lg:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);
--shadow-2xl:0 25px 50px -12px rgb(0 0 0/.25);
--shadow-keycap:0 1px 2px rgba(0,0,0,.04);
--shadow-keycap-number:0 2px 6px rgba(0,0,0,.10),0 1.5px 0 #fff inset;
--ring-selected:0 0 0 2px var(--blue-200);--ring-multi:0 0 0 2px var(--purple-200);--ring-focus:0 0 0 2px var(--blue-400);
--duration-fast:150ms;/* @kind other */--duration-base:200ms;/* @kind other */--duration-toggle:300ms;/* @kind other */--ease:cubic-bezier(.4,0,.2,1);/* @kind other */
--gradient-brand:linear-gradient(90deg,var(--brand-purple),var(--brand-blue));
--gradient-create:linear-gradient(to right,var(--blue-500),var(--blue-700));
--gradient-rma:linear-gradient(to right,var(--orange-400),var(--orange-600));
--gradient-refund:linear-gradient(to right,var(--green-500),var(--green-700));
--gradient-multi:linear-gradient(to right,var(--purple-500),var(--purple-700));
--gradient-keycap:linear-gradient(180deg,#f9fafb 60%,#e5e7eb 100%);/* @kind color */
--dim-opacity:.6;/* @kind other */
}