/* Lumenya Portal — Design Tokens (8pt-Grid, Safe-Area aware) */
:root {
  /* Color Palette — Deep-Forest + Warm-Gold */
  --bg-deep: #0E1F1C;
  --bg-card: #15302B;
  --bg-card-2: #1A3A34;
  --bg-elevated: #1F4740;
  --surface-line: rgba(244, 198, 94, 0.12);

  --fg-primary: #F2EBD9;
  --fg-secondary: #C3D3CB;
  --fg-muted: #7A9890;
  --fg-on-gold: #1A1208;

  --accent-gold: #F4C65E;
  --accent-gold-soft: rgba(244, 198, 94, 0.16);
  --accent-jade: #4FB39A;
  --accent-jade-soft: rgba(79, 179, 154, 0.16);
  --accent-clay: #C97052;
  --accent-bone: #E8DFCC;

  --danger: #E07060;
  --success: #5FC499;

  /* Spacing — 8pt-Grid */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Type */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
  --fs-caption: 12px;
  --fs-body: 15px;
  --fs-body-lg: 17px;
  --fs-h3: 20px;
  --fs-h2: 24px;
  --fs-h1: 30px;
  --fs-hero: 40px;
  --lh-tight: 1.15;
  --lh-body: 1.55;

  /* Shadows */
  --shadow-card: 0 2px 16px rgba(0,0,0,0.25);
  --shadow-float: 0 8px 32px rgba(0,0,0,0.35);

  /* Layout */
  --maxw-app: 440px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --tabbar-h: 64px;
  --sticky-cta-h: 76px;
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}