/**
 * OMGEE AESTHETICS — LUXURY DESIGN TOKENS
 * 
 * Curated palette directly inspired by the Omgee aesthetics brand reference:
 * - Warm Ivory & Champagne backgrounds
 * - Rose Gold & Metallic Copper accents
 * - Soft Blush & Nude secondaries
 * - Muted Sage/Khaki from the Omgee uniform
 * - Deep Chocolate Brown editorial typography
 */

:root {
  /* Backgrounds */
  --bg-primary: #FAF6F0;
  --bg-champagne: #F5ECE2;
  --bg-ivory: #FCF9F5;
  --bg-surface: rgba(254, 252, 249, 0.94);
  --bg-surface-elevated: #FFFFFF;
  --bg-dark-trust: #28211C;
  --bg-dark-secondary: #1F1915;

  /* Rose Gold & Copper Accents */
  --color-rose-gold: #B98068;
  --color-rose-gold-light: #D8A48F;
  --color-rose-gold-lighter: #EED7CE;
  --color-rose-gold-dark: #915844;
  --color-copper: #A66650;
  --color-bronze-dark: #4A2E22;

  /* Metallic Gradients */
  --grad-rose-gold: linear-gradient(135deg, #B98068 0%, #D8A48F 50%, #A66650 100%);
  --grad-rose-gold-btn: linear-gradient(135deg, #B57B64 0%, #CE9681 50%, #9F624D 100%);
  --grad-rose-gold-hover: linear-gradient(135deg, #C58B74 0%, #DDB19F 50%, #AD705B 100%);
  --grad-metallic-rim: linear-gradient(135deg, #C98F77 0%, #F5DCD0 25%, #B77D66 50%, #E8C5AF 75%, #9E654E 100%);
  --grad-champagne-glow: radial-gradient(circle at 50% 30%, rgba(245, 236, 226, 0.85) 0%, rgba(250, 246, 240, 0.98) 75%);

  /* Secondary Blush & Nude */
  --color-blush: #F2E2D6;
  --color-blush-soft: #F9EFE7;
  --color-nude: #E8CEBC;
  --color-gold-soft: #D8B68E;

  /* Supporting Sage / Khaki (from Omgee uniform) */
  --color-uniform-sage: #8A7B65;
  --color-uniform-sage-dark: #6C5F4D;
  --color-uniform-sage-light: #A59680;

  /* Typography Colors */
  --text-primary: #2B1D16;          /* Deep chocolate brown / near-black */
  --text-secondary: #5C4A40;        /* Refined warm espresso */
  --text-muted: #8E7C72;            /* Soft bronze taupe */
  --text-light: #FBF8F4;            /* Off-white ivory */
  --text-gold: #D8B68E;             /* Metallic warm champagne */

  /* Borders & Dividers */
  --border-light: rgba(185, 128, 104, 0.18);
  --border-card: rgba(255, 255, 255, 0.85);
  --border-rose-gold: rgba(185, 128, 104, 0.35);
  --border-divider: rgba(185, 128, 104, 0.22);

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(50, 25, 15, 0.04);
  --shadow-card: 0 25px 60px -12px rgba(43, 29, 22, 0.10), 0 0 1px 1px rgba(255, 255, 255, 0.9);
  --shadow-card-hover: 0 32px 70px -10px rgba(43, 29, 22, 0.15), 0 0 1px 1px rgba(216, 164, 143, 0.4);
  --shadow-wheel: 0 20px 50px -10px rgba(74, 40, 25, 0.28);
  --shadow-btn: 0 10px 25px -4px rgba(185, 128, 104, 0.42);

  /* Typography Stacks */
  --font-serif: "Cormorant Garamond", "DM Serif Display", "Playfair Display", Georgia, serif;
  --font-sans: "Inter", "Montserrat", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-script: "Playfair Display", "Cormorant Garamond", cursive, serif;

  /* Layout */
  --header-height: 84px;
  --container-max-width: 1280px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.32s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}