/* ===============================================
   LUSTRE — DESIGN TOKENS
   The single source of truth for the visual system.
   Change a value here, and it updates everywhere.
   =============================================== */

:root {
  /* ====== PALETTE — Timeless, atemporal, gallery-grade ====== */

  /* Surface */
  --ivory: #F7F3EC;          /* main background, warm parchment */
  --ivory-deep: #EFE9DE;     /* alternate sections, hover states */
  --ivory-soft: #FAF7F2;     /* subtle backgrounds */
  --paper: #FFFFFF;          /* cards, modals */

  /* Ink (text) */
  --ink: #1A1D24;            /* primary text */
  --ink-soft: #2C313B;       /* slightly softer */
  --charcoal: #4A4F5A;       /* secondary text */
  --muted: #8B8478;          /* tertiary, labels */
  --muted-soft: #A8A296;     /* faint */

  /* Lines */
  --line: #E5DECF;           /* default border */
  --line-strong: #C9BFA6;    /* emphasized */
  --line-faint: #F0EBDF;     /* subtle */

  /* Gold — accent */
  --gold: #A68B4A;           /* primary accent (CTAs, key prices) */
  --gold-deep: #8C7235;      /* hover */
  --gold-soft: #D4C28F;      /* light gold for backgrounds */
  --gold-pale: #F0E9D6;      /* very light gold, for emphasis backgrounds */

  /* Semantic — used SPARINGLY */
  --bordeaux: #6B2E2E;       /* warning / danger */
  --bordeaux-soft: #8B4242;  /* lighter danger */
  --bordeaux-pale: rgba(107, 46, 46, 0.06);
  --emerald: #2C4A3E;        /* success / positive */
  --emerald-soft: #3D6354;
  --emerald-pale: rgba(44, 74, 62, 0.06);
  --slate: #6B7A8F;          /* informational / neutral state */

  /* Status colors (mapped to semantic) */
  --st-available: var(--emerald);
  --st-reserved: var(--gold);
  --st-authenticating: var(--slate);
  --st-sold: var(--charcoal);
  --st-consignment: #6B5B7A;
  --st-service: var(--slate);

  /* ====== TYPOGRAPHY ====== */
  --font-serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-sans: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Jost', 'SF Mono', Menlo, monospace;

  --fs-xs: 0.68rem;
  --fs-sm: 0.78rem;
  --fs-base: 0.92rem;
  --fs-md: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.4rem;
  --fs-2xl: 1.7rem;
  --fs-3xl: 2.2rem;
  --fs-4xl: 2.8rem;

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.55;

  --tracking-loose: 0.2em;    /* eyebrows, labels */
  --tracking-medium: 0.14em;  /* small caps */
  --tracking-tight: 0.01em;   /* body */
  --tracking-tighter: -0.01em; /* large display */

  /* ====== SPACING ====== */
  --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: 48px;
  --sp-10: 64px;

  /* ====== LAYOUT ====== */
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --container-max: 1600px;

  /* ====== EFFECTS ====== */
  --shadow-xs: 0 1px 2px rgba(26, 29, 36, 0.04);
  --shadow-sm: 0 2px 8px rgba(26, 29, 36, 0.05);
  --shadow-md: 0 8px 24px rgba(26, 29, 36, 0.08);
  --shadow-lg: 0 24px 60px rgba(26, 29, 36, 0.12);
  --shadow-xl: 0 40px 100px rgba(26, 29, 36, 0.18);

  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-pill: 9999px;

  /* ====== TRANSITIONS ====== */
  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;
  --t-slow: 0.4s ease;

  /* ====== Z-INDEX SCALE ====== */
  --z-sidebar: 30;
  --z-topbar: 40;
  --z-sticky-header: 50;
  --z-fab: 60;
  --z-modal: 1000;
  --z-cmdk: 2000;
  --z-toast: 9999;
}