/* ALIGC design tokens
   Palette: aubergine/violet brand for a premium European feel,
   warm paper neutrals, and a confident deal-red reserved for prices. */
:root {
  /* Brand */
  --brand-950: #1B1030;
  --brand-900: #2A1B4E;
  --brand-800: #34215F;
  --brand-700: #422A76;
  --brand-600: #4F3290;
  --brand-500: #5B3FC4;
  --brand-400: #7C63D8;
  --brand-300: #A695E7;
  --brand-200: #CEC3F4;
  --brand-100: #EAE3FB;
  --brand-050: #F5F1FE;

  /* Deal / price */
  --deal-700: #A32036;
  --deal-600: #C42B47;
  --deal-500: #E23E57;
  --deal-100: #FDE7EB;
  --deal-050: #FEF3F5;

  /* Support */
  --gold-600: #B87914;
  --gold-500: #E8A33D;
  --gold-100: #FBEED8;
  --mint-600: #0B8768;
  --mint-500: #0FA47F;
  --mint-100: #DFF5EE;
  --sky-500: #2E7CE4;
  --sky-100: #E4EEFC;

  /* Neutrals (light) */
  --paper: #FBFAF8;
  --paper-2: #F4F1EC;
  --surface: #FFFFFF;
  --surface-2: #FAF8F5;
  --surface-3: #F1EEE9;
  --line: #E7E2DA;
  --line-strong: #D6CFC4;
  --ink: #17151F;
  --ink-2: #3A3547;
  --muted: #6B6577;
  --muted-2: #8C8798;

  /* Semantic aliases */
  --bg: var(--paper);
  --fg: var(--ink);
  --accent: var(--brand-500);
  --accent-fg: #FFFFFF;
  --price: var(--deal-500);
  --focus: #7C63D8;

  /* Typography */
  --font-sans: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Noto Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-display: "Fraunces", "Playfair Display", "Iowan Old Style", Georgia,
    "Times New Roman", "Songti SC", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --fs-3xs: 0.6875rem;  /* 11 */
  --fs-2xs: 0.75rem;    /* 12 */
  --fs-xs: 0.8125rem;   /* 13 */
  --fs-sm: 0.875rem;    /* 14 */
  --fs-base: 0.9375rem; /* 15 */
  --fs-md: 1rem;        /* 16 */
  --fs-lg: 1.125rem;    /* 18 */
  --fs-xl: 1.375rem;    /* 22 */
  --fs-2xl: 1.75rem;    /* 28 */
  --fs-3xl: 2.25rem;    /* 36 */
  --fs-4xl: 3rem;       /* 48 */
  --fs-5xl: 3.75rem;    /* 60 */

  /* Space */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 56px;
  --sp-10: 72px;
  --sp-11: 96px;

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Elevation */
  --sh-xs: 0 1px 2px rgba(23, 21, 31, 0.05);
  --sh-sm: 0 2px 8px rgba(23, 21, 31, 0.06), 0 1px 2px rgba(23, 21, 31, 0.04);
  --sh-md: 0 8px 24px -8px rgba(23, 21, 31, 0.14), 0 2px 6px rgba(23, 21, 31, 0.05);
  --sh-lg: 0 24px 48px -16px rgba(27, 16, 48, 0.22), 0 4px 12px rgba(23, 21, 31, 0.06);
  --sh-xl: 0 40px 80px -24px rgba(27, 16, 48, 0.32);
  --ring: 0 0 0 3px rgba(124, 99, 216, 0.32);

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --dur-4: 520ms;

  /* Layout */
  --container: 1280px;
  --container-wide: 1480px;
  --container-narrow: 760px;
  --header-h: 132px;
  --z-drawer: 70;
  --z-modal: 80;
  --z-toast: 90;
}

[data-theme="dark"] {
  --paper: #100D18;
  --paper-2: #16121F;
  --surface: #1A1626;
  --surface-2: #201B2E;
  --surface-3: #2A2439;
  --line: #322B44;
  --line-strong: #453C5C;
  --ink: #F4F1FA;
  --ink-2: #D8D2E6;
  --muted: #A49DB6;
  --muted-2: #837C96;

  --brand-100: #2B2245;
  --brand-050: #221B39;
  --deal-100: #3D1A26;
  --deal-050: #2C1520;
  --deal-500: #FF6B83;
  --gold-100: #3A2C14;
  --mint-100: #14332B;
  --sky-100: #172740;

  --sh-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --sh-md: 0 10px 28px -10px rgba(0, 0, 0, 0.6);
  --sh-lg: 0 24px 56px -18px rgba(0, 0, 0, 0.7);
  --sh-xl: 0 40px 90px -28px rgba(0, 0, 0, 0.8);
}