/* ==========================================================================
   BARAM LUXURY DESIGN SYSTEM VARIABLES & TOKENS
   Master design system — Haute Maroquinerie, Curated Typography & Palette
   ========================================================================== */

:root {
  /* Brand Core Palette */
  --lv-black: #0E0E0E;
  --lv-black-rich: #141414;
  --lv-black-subtle: #1F1F1F;
  --lv-white: #FFFFFF;
  --lv-cream: #FAF9F6;
  --lv-sand: #F5F3EF;
  --lv-gray-50: #FBFBFA;
  --lv-gray-100: #F4F4F3;
  --lv-gray-200: #E7E7E5;
  --lv-gray-300: #D2D2D0;
  --lv-gray-400: #9E9E9C;
  --lv-gray-600: #666664;
  --lv-gray-800: #2C2C2B;
  
  /* Luxury Gold Accents */
  --lv-gold: #C5A880;
  --lv-gold-dark: #9F835A;
  --lv-gold-light: #DFCDB2;
  --lv-gold-hover: #B8996E;
  --lv-monogram-brown: #3C2A1E;

  /* Functional Semantics */
  --color-bg-primary: var(--lv-white);
  --color-bg-secondary: var(--lv-cream);
  --color-bg-tertiary: var(--lv-sand);
  --color-text-primary: var(--lv-black);
  --color-text-secondary: var(--lv-gray-600);
  --color-text-muted: var(--lv-gray-400);
  --color-border: var(--lv-gray-200);
  --color-border-dark: var(--lv-black);
  --color-accent: var(--lv-gold);
  --color-overlay: rgba(14, 14, 14, 0.65);
  --color-overlay-blur: rgba(255, 255, 255, 0.96);
  --color-focus: #0E0E0E;
  --color-badge-red: #B5121B;

  /* Typography Stack — Montserrat Luxury Standard */
  --font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-editorial: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* Font Sizes */
  --text-2xs: 0.625rem;   /* 10px */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.8125rem;   /* 13px */
  --text-base: 0.875rem;  /* 14px */
  --text-md: 1rem;        /* 16px */
  --text-lg: 1.1875rem;   /* 19px */
  --text-xl: 1.5rem;      /* 24px */
  --text-2xl: 2rem;       /* 32px */
  --text-3xl: 2.75rem;    /* 44px */
  --text-4xl: 3.5rem;     /* 56px */
  --text-5xl: 4.5rem;     /* 72px */

  /* Letter Spacing */
  --ls-tight: -0.015em;
  --ls-normal: 0.02em;
  --ls-wide: 0.08em;
  --ls-wider: 0.14em;
  --ls-widest: 0.22em;

  /* Font Weights */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing Scale */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  /* Layout Containers */
  --container-max: 1680px;
  --container-pad: 32px;
  --header-banner-h: 36px;
  --header-h: 74px;
  --header-total-h: 110px;

  /* Transitions */
  --ease-lv: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --t-fast: 0.18s var(--ease-lv);
  --t-normal: 0.32s var(--ease-lv);
  --t-slow: 0.55s var(--ease-lv);

  /* Shadows */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
  --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.16);
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.22);

  /* Z-Index Hierarchy */
  --z-header: 100;
  --z-dropdown: 200;
  --z-mega-menu: 400;
  --z-overlay: 500;
  --z-drawer: 600;
  --z-modal: 700;
  --z-toast: 800;
}