/**
 * BONCEPT Experience - Design System Variables & Tokens
 */

:root {
  /* Brand Palette: Quiet Luxury / African Earth Tones */
  --forest: #12372A;
  --forest-dark: #0D261D;
  --forest-light: #1B4E3C;
  --ink: #10231B;
  --ivory: #F7F4EC;
  --ivory-light: #FCFAF6;
  --white: #FFFFFF;
  --stone: #E8E5DC;
  --stone-light: #F2EFEB;
  --moss: #647568;
  --moss-light: #8B9B8F;
  --gold: #C8A45A;
  --gold-hover: #B89348;
  --gold-subtle: rgba(200, 164, 90, 0.15);
  --gold-border: rgba(200, 164, 90, 0.35);
  --whatsapp: #25D366;
  --whatsapp-hover: #20BD5A;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Geometry & Spacing */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --header-height: 80px;
  --header-height-mobile: 72px;

  /* Shadows & Elevation */
  --shadow-subtle: 0 4px 16px rgba(16, 35, 27, 0.04);
  --shadow-medium: 0 12px 28px rgba(16, 35, 27, 0.08);
  --shadow-elevated: 0 20px 45px rgba(16, 35, 27, 0.14);
  --shadow-modal: 0 24px 60px rgba(10, 25, 19, 0.3);

  /* Transitions & Curves */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-Index Hierarchy */
  --z-base: 1;
  --z-sticky: 100;
  --z-header: 500;
  --z-floating: 800;
  --z-drawer-backdrop: 900;
  --z-drawer: 950;
  --z-modal: 1000;
}