/* ═══════════════════════════════════════════
   TOKENS — Intrépidos Tecnológicos
   Fuente de verdad. Importar siempre primero.
   Base: landing-v12.html
   ═══════════════════════════════════════════ */

/* ── MODO OSCURO (defecto) ── */
:root,
[data-mode="dark"] {
  --bg:          #09090C;
  --bg2:         #0F1014;
  --card:        #13141A;
  --border:      rgba(255,255,255,.06);
  --border2:     rgba(255,255,255,.10);
  --ink:         #F0F0F2;
  --ink2:        #E4E4E8;
  --muted:       #5A6072;
  --soft:        #8892A4;
  --grid-line:   rgba(255,255,255,.018);
  --nav-bg:      rgba(9,9,12,.85);
  --form-input:  rgba(255,255,255,.05);
  --shadow:      none;
  --cta:         #D93535;
  --photo-filter: contrast(1.1) brightness(1.05) saturate(0.9);
  --photo-radius: 0px;
}

/* ── MODO CLARO ── */
[data-mode="light"] {
  --bg:          #F2F3F6;
  --bg2:         #EAEBEE;
  --card:        #FFFFFF;
  --border:      rgba(0,0,0,.07);
  --border2:     rgba(0,0,0,.12);
  --ink:         #0F1014;
  --ink2:        #1E2030;
  --muted:       #6B7280;
  --soft:        #4B5563;
  --grid-line:   rgba(0,0,0,.035);
  --nav-bg:      rgba(242,243,246,.90);
  --form-input:  rgba(0,0,0,.04);
  --shadow:      0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.05);
  --cta:         #D93535;
  --photo-filter: none;
  --photo-radius: 16px;
}

/* ── PALETAS DE ACENTO ── */
:root,
[data-color="teal"][data-mode="dark"]  { --accent:#00D4CC; --accent-dim:rgba(0,212,204,.10); --accent-bdr:rgba(0,212,204,.18); --accent-glow:rgba(0,212,204,.14); --banner-bg:rgba(0,212,204,.07); --banner-bdr:rgba(0,212,204,.14); }
[data-color="teal"][data-mode="light"] { --accent:#00948E; --accent-dim:rgba(0,148,142,.09); --accent-bdr:rgba(0,148,142,.22); --accent-glow:rgba(0,148,142,.12); --banner-bg:rgba(0,148,142,.07); --banner-bdr:rgba(0,148,142,.18); }

[data-color="blue"][data-mode="dark"]  { --accent:#4D9EFF; --accent-dim:rgba(77,158,255,.10); --accent-bdr:rgba(77,158,255,.18); --accent-glow:rgba(77,158,255,.14); --banner-bg:rgba(77,158,255,.07); --banner-bdr:rgba(77,158,255,.14); }
[data-color="blue"][data-mode="light"] { --accent:#1D6FCC; --accent-dim:rgba(29,111,204,.09); --accent-bdr:rgba(29,111,204,.22); --accent-glow:rgba(29,111,204,.12); --banner-bg:rgba(29,111,204,.07); --banner-bdr:rgba(29,111,204,.18); }

[data-color="green"][data-mode="dark"]  { --accent:#22C55E; --accent-dim:rgba(34,197,94,.10); --accent-bdr:rgba(34,197,94,.18); --accent-glow:rgba(34,197,94,.14); --banner-bg:rgba(34,197,94,.07); --banner-bdr:rgba(34,197,94,.14); }
[data-color="green"][data-mode="light"] { --accent:#16A34A; --accent-dim:rgba(22,163,74,.09);  --accent-bdr:rgba(22,163,74,.22);  --accent-glow:rgba(22,163,74,.12);  --banner-bg:rgba(22,163,74,.07);  --banner-bdr:rgba(22,163,74,.18); }

[data-color="violet"][data-mode="dark"]  { --accent:#A78BFA; --accent-dim:rgba(167,139,250,.10); --accent-bdr:rgba(167,139,250,.18); --accent-glow:rgba(167,139,250,.18); --banner-bg:rgba(167,139,250,.07); --banner-bdr:rgba(167,139,250,.14); }
[data-color="violet"][data-mode="light"] { --accent:#7C3AED; --accent-dim:rgba(124,58,237,.09);  --accent-bdr:rgba(124,58,237,.22);  --accent-glow:rgba(124,58,237,.12);  --banner-bg:rgba(124,58,237,.07);  --banner-bdr:rgba(124,58,237,.18); }

[data-color="orange"][data-mode="dark"]  { --accent:#FB923C; --accent-dim:rgba(251,146,60,.10); --accent-bdr:rgba(251,146,60,.18); --accent-glow:rgba(251,146,60,.14); --banner-bg:rgba(251,146,60,.07); --banner-bdr:rgba(251,146,60,.14); }
[data-color="orange"][data-mode="light"] { --accent:#EA6D10; --accent-dim:rgba(234,109,16,.09); --accent-bdr:rgba(234,109,16,.22); --accent-glow:rgba(234,109,16,.12); --banner-bg:rgba(234,109,16,.07); --banner-bdr:rgba(234,109,16,.18); }

[data-color="crimson"][data-mode="dark"]  { --accent:#EF4444; --accent-dim:rgba(239,68,68,.10); --accent-bdr:rgba(239,68,68,.18); --accent-glow:rgba(239,68,68,.14); --banner-bg:rgba(239,68,68,.07); --banner-bdr:rgba(239,68,68,.14); }
[data-color="crimson"][data-mode="light"] { --accent:#DC2626; --accent-dim:rgba(220,38,38,.09); --accent-bdr:rgba(220,38,38,.22); --accent-glow:rgba(220,38,38,.12); --banner-bg:rgba(220,38,38,.07); --banner-bdr:rgba(220,38,38,.18); }

[data-color="amber"][data-mode="dark"]  { --accent:#FBBF24; --accent-dim:rgba(251,191,36,.10); --accent-bdr:rgba(251,191,36,.18); --accent-glow:rgba(251,191,36,.14); --banner-bg:rgba(251,191,36,.07); --banner-bdr:rgba(251,191,36,.14); }
[data-color="amber"][data-mode="light"] { --accent:#D97706; --accent-dim:rgba(217,119,6,.09);  --accent-bdr:rgba(217,119,6,.22);  --accent-glow:rgba(217,119,6,.12);  --banner-bg:rgba(217,119,6,.07);  --banner-bdr:rgba(217,119,6,.18); }

/* ── TIPOGRAFÍA ── */
:root {
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  --text-base:    1rem;
  --text-sm:      .88rem;
  --text-xs:      .82rem;
  --text-2xs:     .7rem;
  --text-3xs:     .62rem;

  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;
  --weight-black:   800;

  --leading-tight:   1.1;
  --leading-normal:  1.65;
  --leading-relaxed: 1.8;
  --leading-loose:   2;
}

/* ── LAYOUT ── */
:root {
  --max-width:    830px;
  --wrap-pad:     1.5rem;
  --grid-cell:    72px;
  --radius-sm:    6px;
  --radius-md:    8px;
  --radius-lg:    12px;
  --radius-xl:    14px;
  --radius-pill:  100px;
}