/* ==========================================================================
   PRESENTE — DESIGN SYSTEM & TOKENS
   Aesthetic: Editorial Luxury · Quiet Elegance · Warm Natural Materials
   Palette: Warm Ivory, Linen, Warm Walnut Wood, Muted Olive, Antique Brass
   ========================================================================== */

:root {
  /* Color Palette — Natural Luxury */
  --color-cream: #FAF7F2;
  --color-ivory: #FDFCF9;
  --color-linen: #F3EDE2;
  --color-linen-dark: #E9E1D3;
  --color-sand: #DFD5C4;

  /* Wood & Warm Tones */
  --color-walnut-black: #17110D;
  --color-walnut-deep: #211812;
  --color-walnut: #2F2119;
  --color-walnut-soft: #423025;
  --color-walnut-light: #5A4335;

  /* Metallic Accents — Antique Brass & Warm Bronze */
  --color-brass: #B6925A;
  --color-brass-light: #CBB07E;
  --color-brass-dark: #91713E;
  --color-brass-glow: rgba(182, 146, 90, 0.15);
  --color-brass-border: rgba(182, 146, 90, 0.35);

  /* Botanical Accents — Muted Olive */
  --color-olive: #565D47;
  --color-olive-dark: #3D4333;
  --color-olive-light: #7A8366;
  --color-olive-wash: rgba(86, 93, 71, 0.08);

  /* Typography Colors */
  --text-primary: #221A15;
  --text-secondary: #584F47;
  --text-muted: #847A72;
  --text-tertiary: #A69E96;
  --text-inverse: #FAF7F2;
  --text-inverse-muted: #D3C9BC;

  /* Backgrounds */
  --bg-page: var(--color-cream);
  --bg-surface: var(--color-ivory);
  --bg-subtle: var(--color-linen);
  --bg-dark: var(--color-walnut-deep);
  --bg-dark-accent: var(--color-walnut);

  /* Borders & Dividers */
  --border-subtle: rgba(34, 26, 21, 0.08);
  --border-light: rgba(34, 26, 21, 0.14);
  --border-dark: rgba(250, 247, 242, 0.12);
  --border-brass-accent: rgba(182, 146, 90, 0.4);

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(33, 24, 18, 0.04);
  --shadow-md: 0 10px 30px rgba(33, 24, 18, 0.07);
  --shadow-lg: 0 20px 60px rgba(33, 24, 18, 0.11);
  --shadow-drawer: -10px 0 40px rgba(23, 17, 13, 0.25);

  /* Typography */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-cinzel: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Scales */
  --fs-xs: clamp(0.72rem, 0.7rem + 0.1vw, 0.8rem);
  --fs-sm: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-md: clamp(1.18rem, 1.12rem + 0.3vw, 1.35rem);
  --fs-lg: clamp(1.4rem, 1.3rem + 0.5vw, 1.75rem);
  --fs-xl: clamp(1.8rem, 1.6rem + 1vw, 2.4rem);
  --fs-2xl: clamp(2.4rem, 2rem + 1.8vw, 3.4rem);
  --fs-3xl: clamp(3rem, 2.4rem + 3vw, 4.8rem);
  --fs-hero: clamp(3.5rem, 2.8rem + 4.5vw, 6.2rem);

  /* Tracking (Letter Spacing) */
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.08em;
  --tracking-wider: 0.15em;
  --tracking-widest: 0.25em;
  --tracking-slogan: 0.32em;

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;
  --space-4xl: 9rem;

  /* Layout */
  --container-max: 1360px;
  --container-editorial: 980px;
  --container-narrow: 760px;
  --header-height: 96px;
  --announcement-height: 38px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.85s cubic-bezier(0.16, 1, 0.3, 1);

  /* Radius */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
}