/* ============================================================
   Wance — Glaciar design tokens
   DARK is the default look (:root). LIGHT = [data-theme="light"].
   Single source of truth for color, type, rhythm, motion.
   ============================================================ */

:root {
  /* ---- Brand: Glaciar palette (raw) ---- */
  --tinta:    #0A0F1E;
  --glaciar:  #4CC9F0;
  --petroleo: #0E7490;
  --hielo:    #EEF6F9;
  --pizarra:  #8FA3B8;
  --brasa:    #F59E0B;

  /* ---- Semantic: DARK (default) ---- */
  --bg:            #0A0F1E;
  --bg-2:          #0C1322;
  --surface:       #0E1526;
  --surface-2:     #141C30;
  --surface-3:     #1B2542;
  --border:        rgba(143, 163, 184, 0.14);
  --border-strong: rgba(143, 163, 184, 0.28);

  --text:        #EEF6F9;
  --text-muted:  #8FA3B8;
  --text-faint:  #5E7088;

  --accent:        #4CC9F0;
  --accent-deep:   #0E7490;
  --accent-soft:   rgba(76, 201, 240, 0.12);
  --accent-border: rgba(76, 201, 240, 0.34);
  --on-accent:     #04222E;

  /* Brasa — warm accent, primary CTA ONLY */
  --warm:        #F59E0B;
  --warm-hover:  #FBB22E;
  --warm-text:   #1A1204;

  /* Atmosphere */
  --glow:         radial-gradient(60% 55% at 50% 45%, rgba(76, 201, 240, 0.20), transparent 72%);
  --ridge-stroke: rgba(76, 201, 240, 0.30);
  --grid-line:    rgba(143, 163, 184, 0.06);

  /* ---- Type ---- */
  --font-display: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  --fs-hero:    clamp(2.75rem, 1.55rem + 5.4vw, 5.25rem); /* 44 -> 84 */
  --fs-h2:      clamp(1.9rem, 1.35rem + 2.5vw, 3rem);     /* 30 -> 48 */
  --fs-h3:      clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --fs-lead:    clamp(1.05rem, 0.97rem + 0.4vw, 1.3rem);
  --fs-body:    1rem;
  --fs-eyebrow: 0.78rem;

  --lh-tight: 1.04;
  --lh-snug:  1.18;
  --lh-body:  1.62;

  /* ---- Rhythm ---- */
  --section-y: clamp(4.5rem, 3rem + 6vw, 7.5rem);  /* 72 -> 120 */
  --gutter:    clamp(1.25rem, 0.7rem + 2.4vw, 2.5rem); /* cap 40px, matches insforge px-10 */
  --maxw:      1280px;
  --maxw-text: 720px;

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

  /* ---- Shadows ---- */
  --shadow-card:  0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 18px 44px -24px rgba(0, 0, 0, 0.75);
  --shadow-float: 0 40px 90px -34px rgba(0, 0, 0, 0.85), 0 0 0 1px var(--border);
  --shadow-glow:  0 0 0 1px var(--accent-border), 0 26px 70px -26px rgba(76, 201, 240, 0.40);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ============ LIGHT — "Hielo" ============ */
[data-theme="light"] {
  --bg:            #EEF6F9;
  --bg-2:          #E3EEF3;
  --surface:       #FFFFFF;
  --surface-2:     #F4F9FB;
  --surface-3:     #E7F1F5;
  --border:        rgba(14, 116, 144, 0.16);
  --border-strong: rgba(14, 116, 144, 0.30);

  --text:        #0A0F1E;
  --text-muted:  #51657B;   /* darkened for AA on Hielo */
  --text-faint:  #75889C;

  --accent:        #0C6E89;  /* deeper cyan for legibility on light */
  --accent-deep:   #0A5566;
  --accent-soft:   rgba(14, 116, 144, 0.10);
  --accent-border: rgba(14, 116, 144, 0.26);
  --on-accent:     #FFFFFF;

  --warm:        #C2710A;
  --warm-hover:  #A85F06;
  --warm-text:   #FFFFFF;

  --glow:         radial-gradient(60% 55% at 50% 45%, rgba(76, 201, 240, 0.26), transparent 72%);
  --ridge-stroke: rgba(14, 116, 144, 0.20);
  --grid-line:    rgba(14, 116, 144, 0.05);

  --shadow-card:  0 1px 2px rgba(10, 15, 30, 0.05), 0 20px 44px -30px rgba(10, 15, 30, 0.30);
  --shadow-float: 0 40px 90px -44px rgba(10, 15, 30, 0.38), 0 0 0 1px var(--border);
  --shadow-glow:  0 0 0 1px var(--accent-border), 0 26px 70px -32px rgba(14, 116, 144, 0.32);
}