/* ==========================================================================
   MAISON ANTIQUE — Design Tokens & Variables
   Aesthetic: Quiet Luxury, European Heritage, Editorial Museum Presentation
   ========================================================================== */

:root {
  /* --- Primary Color Palette --- */
  --color-bg-ivory: #F1ECE2;
  --color-bg-paper: #E8E1D4;
  --color-bg-limestone: #D9CEBE;
  --color-bg-warm-stone: #E2D9CB;

  /* --- Dark & Heritage Accent Backgrounds --- */
  --color-bg-dark: #141310;
  --color-bg-dark-secondary: #1D1B16;
  --color-bg-dark-charcoal: #25221C;
  --color-bg-oxblood: #281413;
  --color-bg-cognac: #261B14;

  /* --- Text & Ink Colors --- */
  --color-text-primary: #181713;
  --color-text-secondary: #5C5549;
  --color-text-muted: #8C8273;
  --color-text-faint: #B5AB9B;

  --color-text-light: #F4EFE6;
  --color-text-light-secondary: #C6BEB2;
  --color-text-light-muted: #8A8377;

  /* --- Noble Metals & Patina --- */
  --color-brass: #B6985E;
  --color-brass-glow: rgba(182, 152, 94, 0.25);
  --color-bronze: #886F4B;
  --color-bronze-dark: #5B472F;
  --color-patina: #586B61;
  --color-oxblood-accent: #7A2828;

  /* --- Borders & Dividers --- */
  --border-light: rgba(24, 23, 19, 0.09);
  --border-medium: rgba(24, 23, 19, 0.16);
  --border-accent: rgba(182, 152, 94, 0.35);
  --border-dark: rgba(241, 236, 226, 0.12);
  --border-dark-medium: rgba(241, 236, 226, 0.22);

  /* --- Typography Stacks --- */
  --font-serif: 'Cormorant Garamond', 'Cinzel', Garamond, 'Didot', 'Bodoni MT', Georgia, serif;
  --font-display: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* --- Spacing System --- */
  --space-unit: 8px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 140px;
  --space-4xl: 200px;

  /* --- Layout & Grid --- */
  --container-max: 1600px;
  --container-editorial: 1380px;
  --container-narrow: 1040px;
  --gutter-desktop: 48px;
  --gutter-tablet: 32px;
  --gutter-mobile: 20px;

  /* --- Transitions & Timing Curves --- */
  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-cinematic: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-subtle: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 300ms;
  --duration-normal: 600ms;
  --duration-slow: 1000ms;
  --duration-cinematic: 1400ms;

  /* --- Shadows & Atmosphere --- */
  --shadow-subtle: 0 10px 40px -10px rgba(24, 23, 19, 0.08);
  --shadow-museum: 0 20px 60px -15px rgba(20, 19, 16, 0.14);
  --shadow-dark: 0 30px 80px -20px rgba(0, 0, 0, 0.45);

  /* --- Subtle Paper Texture (SVG Noise) --- */
  --texture-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");
}