:root {
  color-scheme: light;

  /* Backgrounds */
  --bg-page: #FFFBF6;       --bg-surface: #FFFFFF;      --bg-surface-alt: #FFF9F2;
  --bg-sunken: #FFF3E6;     --bg-inverse: #011627;       --bg-inverse-alt: #0B2A44;

  /* Ink */
  --ink-strong: #011627;    --ink: #1A1A1A;             --ink-soft: #4A4A4A;
  --ink-muted: #8A8375;     --ink-inverse: #FFFBF6;      --ink-inverse-soft: rgba(255,251,246,.68);

  /* Lines */
  --line: #EEE2D5;          --line-strong: #E2D0B8;      --line-on-inverse: rgba(255,251,246,.14);

  /* Accent (bronze) */
  --accent: #C08552;        --accent-hover: #A9714A;     --accent-active: #8F5F3D;
  --accent-soft: rgba(192,133,82,.12);   --accent-soft-border: rgba(192,133,82,.35);
  --accent-ink: #FFFFFF;

  /* Semantic */
  --success: #3F8F5F;  --success-soft: rgba(63,143,95,.12);  --success-ink: #FFFFFF;
  --danger:  #C2483C;  --danger-soft:  rgba(194,72,60,.12);  --danger-ink:  #FFFFFF;
  --warning: #D99A3F;  --warning-soft: rgba(217,154,63,.14); --warning-ink: #011627;
  --neutral: #8A8375;  --neutral-soft: rgba(138,131,117,.14);--neutral-ink: #011627;

  --focus-ring: 0 0 0 3px rgba(192,133,82,.40);

  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(1,22,39,.05);
  --shadow-md: 0 4px 14px rgba(1,22,39,.06);
  --shadow-lg: 0 10px 30px rgba(1,22,39,.08);
  --shadow-xl: 0 16px 36px rgba(1,22,39,.12);

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:32px; --space-8:44px; --space-9:52px; --space-10:64px; --space-11:80px;

  --font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-hero: 2rem;   /* 32px, weight 700, line-height 1.2 — page-header H1 */

  --ease-standard: cubic-bezier(.4,0,.2,1);
  --duration-fast:120ms; --duration-base:180ms; --duration-slow:280ms;

  --z-navbar: 1000; --z-dropdown: 1010; --z-sale-banner: 1020;
}