/* ============================================================
   AAROHA ESTATE — Design Tokens
   ============================================================ */
:root {
  /* Brand palette */
  --navy-950: #050c17;
  --navy-900: #081121;
  --navy-800: #0a1628;
  --navy-700: #0f2038;
  --navy-600: #16294a;
  --navy-500: #20365c;

  --gold-600: #a5813f;
  --gold-500: #c6a15b;
  --gold-400: #d9ba7d;
  --gold-300: #e9cd96;
  --gold-100: #f6ead2;

  --white: #ffffff;
  --paper: #fbfbfc;
  --mist: #f4f6f8;
  --line: #e6e9ee;

  --ink-900: #0d1b2e;
  --ink-700: #33415c;
  --ink-500: #5c6b85;
  --ink-300: #98a2b3;

  /* Gradients */
  --grad-gold: linear-gradient(135deg, #b08d46 0%, #e9cd96 45%, #c6a15b 100%);
  --grad-gold-soft: linear-gradient(135deg, #c6a15b 0%, #e9cd96 100%);
  --grad-navy: linear-gradient(160deg, #000000 0%, #050505 45%, #000000 100%);
  --grad-hero: linear-gradient(180deg, rgba(6,13,26,.72) 0%, rgba(6,13,26,.38) 42%, rgba(6,13,26,.88) 100%);
  --grad-card: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  --grad-shine: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.35) 48%, transparent 60%);

  /* Glass */
  --glass-bg: rgba(255, 255, 255, .08);
  --glass-bg-strong: rgba(255, 255, 255, .13);
  --glass-border: rgba(255, 255, 255, .16);
  --glass-dark-bg: rgba(8, 17, 33, .55);
  --glass-blur: saturate(160%) blur(18px);

  /* Elevation */
  --shadow-xs: 0 1px 2px rgba(13, 27, 46, .06);
  --shadow-sm: 0 4px 14px rgba(13, 27, 46, .08);
  --shadow-md: 0 12px 32px rgba(13, 27, 46, .12);
  --shadow-lg: 0 24px 64px rgba(13, 27, 46, .16);
  --shadow-xl: 0 36px 90px rgba(6, 13, 26, .30);
  --shadow-gold: 0 14px 38px rgba(198, 161, 91, .32);
  --shadow-gold-sm: 0 8px 22px rgba(198, 161, 91, .28);

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Type */
  --font-display: "Krona One", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-body: "Jost", "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-eyebrow: .78rem;

  /* Rhythm */
  --section-y: clamp(4.5rem, 8vw, 7.5rem);
  --header-h: 84px;
  --header-h-scrolled: 68px;

  /* Motion */
  --ease-out: cubic-bezier(.22, .68, 0, 1);
  --ease-lux: cubic-bezier(.16, 1, .3, 1);
  --t-fast: .22s;
  --t-med: .45s;
  --t-slow: .8s;

  /* Z layers */
  --z-header: 100;
  --z-drawer: 120;
  --z-lightbox: 200;
  --z-toast: 300;
}