/* Maison Titia — visual source of truth.
   Change a primitive here and every surface, button, type style, and pigment follows.
   Component styles consume these variables only. */

:root {
  /* Official Maison Titia Powder Blush Surfaces */
  --bg-blush-primary: #E5CDCB;
  --bg-blush-light: #F6ECEB;
  --bg-blush-soft: #EFE0DF;
  --bg-ivory-pure: #FAF5F4;

  /* Official Maison Titia Crimson-Burgundy Accents */
  --burgundy-primary: #73182B;
  --burgundy-deep: #701424;
  --burgundy-highlight: #81233A;
  --burgundy-darkest: #4E0D1B;
  --burgundy-muted: #8E4A58;
  --burgundy-gradient: linear-gradient(135deg, #701424 0%, #73182B 52%, #81233A 100%);

  /* Supporting Couture Metallic & Semantic Accents */
  --accent-sqalli-gold: #C5A059;
  --status-available: #2A5C43;

  /* Borders, Hairlines & Shadows */
  --border-hairline: rgba(115, 24, 43, 0.16);
  --border-strong: rgba(115, 24, 43, 0.34);
  --border-on-dark: rgba(229, 205, 203, 0.42);
  --glass: rgba(246, 236, 235, 0.72);
  --shadow-editorial: 0 22px 50px -12px rgba(112, 20, 36, 0.14);

  /* Product pigments — generator swatches and rental plates */
  --pigment-bordeaux: var(--burgundy-primary);
  --pigment-blush: var(--bg-blush-primary);
  --pigment-ivoire: #F5EFE6;
  --pigment-emeraude: #1D4233;
  --pigment-nuit: #1B2436;
  --pigment-terracotta: #9E4B3B;
  --metal-silver: #B7B7C2;
  --overlay-burgundy: rgba(78, 13, 27, 0.48);

  /* Typography */
  --font-serif: "Cormorant Garamond", "Palatino Linotype", Palatino, serif;
  --font-sans: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;
  --font-script: "Allura", "Segoe Script", cursive;

  /* Roles */
  --color-bg: var(--bg-blush-primary);
  --color-surface: var(--bg-blush-light);
  --color-wash: var(--bg-blush-soft);
  --color-paper: var(--bg-ivory-pure);
  --color-ink: var(--burgundy-primary);
  --color-ink-soft: var(--burgundy-muted);
  --color-inverse: var(--bg-blush-primary);
  --color-on-inverse: var(--burgundy-darkest);
  --focus-ring: var(--burgundy-primary);
  --focus-ring-inverse: var(--bg-blush-primary);

  /* Measure */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --wrap: 1240px;
  --header-offset: 9.5rem;
  --radius-sharp: 2px;
  --radius-pill: 999px;
  --tracking-ui: 0.2em;
  --zoom-duration: 900ms;
  --ease-editorial: cubic-bezier(0.2, 0.7, 0.2, 1);
  --z-header: 40;
  --z-modal: 80;
  --z-toast: 90;
}