/* ============================================================
   PRESOLT — DESIGN TOKENS
   Palette: "Onyx & Mint" locked to the Presolt logo greens.
   Change colors HERE ONLY — everything references these vars.
   Logo greens: #95D5B2 (light mint) -> #40916C (deep green), #081C15 (near-black green)
   ============================================================ */
:root {
  /* ---- Surfaces (Onyx) ---- */
  --bg:            #0A0E14;   /* page background */
  --bg-soft:       #0C1119;   /* subtle bg variant */
  --card:          #121823;   /* card backgrounds */
  --card-elevated: #161E2B;   /* elevated cards */
  --border:        #1E2738;   /* borders */
  --border-strong: #2A3850;   /* strong borders */
  --muted:         #151C28;   /* muted backgrounds */

  /* ---- Text ---- */
  --fg:        #EDF1F7;   /* primary text */
  --fg-muted:  #97A1B2;   /* muted/secondary text */
  --fg-subtle: #6B7689;   /* subtle text */

  /* ---- Brand greens (from logo) ---- */
  --primary:        #40916C;   /* deep brand green */
  --primary-bright: #52B788;   /* brighter green for links/interactive */
  --primary-hover:  #5FC795;   /* hover */
  --primary-press:  #357C5C;   /* press */
  --primary-fg:     #061410;   /* text on green buttons */
  --mint:           #95D5B2;   /* light mint (logo top stop) */
  --mint-soft:      #B7E4C7;   /* lighter mint */

  /* ---- Accents (cohesive, cool/institutional) ---- */
  --accent-cyan:    #27C2E8;
  --accent-teal:    #2DD4BF;
  --accent-violet:  #8B7BFF;
  --accent-amber:   #F5B14C;
  --accent-pink:    #F06AC8;

  /* ---- Semantic ---- */
  --success: #34D399;
  --up:      #2DD48B;   /* gains */
  --down:    #FF5470;   /* losses */
  --warning: #F5B14C;
  --danger:  #FF5470;

  /* ---- Chart palette ---- */
  --chart-1: #52B788;  /* green */
  --chart-2: #27C2E8;  /* cyan */
  --chart-3: #8B7BFF;  /* violet */
  --chart-4: #F5B14C;  /* amber */
  --chart-5: #95D5B2;  /* mint */
  --chart-6: #F06AC8;  /* pink */
  --chart-7: #5C6B82;  /* slate */

  /* ---- Gradients ---- */
  --grad-brand: linear-gradient(135deg, #95D5B2 0%, #40916C 100%);
  --grad-brand-text: linear-gradient(120deg, #B7E4C7 0%, #52B788 60%, #40916C 100%);
  --grad-hero: radial-gradient(1200px 600px at 50% -10%, rgba(64,145,108,.20), transparent 70%);

  /* ---- Typography ---- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --text-hero: clamp(40px, 6vw, 72px);

  /* ---- Radius ---- */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* ---- Shadow / glow ---- */
  --shadow-card: 0 1px 0 rgba(255,255,255,.02) inset, 0 8px 30px -16px rgba(0,0,0,.6);
  --shadow-glow: 0 14px 44px -10px rgba(64,145,108,.45);

  /* ---- Layout ---- */
  --maxw: 1200px;
  --nav-h: 68px;
}