/* Bootcamp Skilland · tokens. Claro por defecto; oscuro = navy como papel.
   Fuente: skilland-brand/tokens/*.css. Oro único acento; coral prohibido. */
:root{
  color-scheme: light;
  /* marca (fijos) */
  --navy:#0B1B3D; --navy-2:#1F4171; --navy-3:#2D6BA5;
  --gold:#D5A749; --gold-ink:#8A6A1E; --sky:#4DA9D9; --sky-ink:#2D6BA5;
  --font:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

  /* semánticos (cambian con el tema) */
  --bg:#F4F5F8;            /* papel gris */
  --card:#FFFFFF;          /* tarjeta blanca */
  --card-2:#F8F9FB;        /* tarjeta secundaria, celdas */
  --ink:#0B1B3D;           /* títulos */
  --text:#1F2A47;          /* cuerpo */
  --muted:#5F6878;         /* secundario (AA sobre blanco y papel) */
  --rule:#E5E7EB;          /* hairline */
  --rule-strong:rgba(11,27,61,.18);
  --accent:#D5A749;        /* oro: barras, bordes, rellenos */
  --accent-text:#8A6A1E;   /* oro como texto sobre claro */
  --on-accent:#0B1B3D;     /* texto sobre oro */
  --data:#2D6BA5;          /* datos y enlaces sobre claro */
  --data-soft:#D6E8F2;
  --invert-bg:#0B1B3D;     /* plano oscuro dentro del tema claro */
  --invert-text:#FFFFFF;
  --invert-text-2:#C5CDDC;
  --invert-label:#4DA9D9;  /* sky sobre navy */
  --focus:#2D6BA5;
  --danger:#9B2C2C;
  --ok:#2F7A4F;
  --warn:#8A6A1E;
  --shadow-drag:0 14px 40px -18px rgba(11,27,61,.45);

  /* escala */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;
  --fs-xs:11px; --fs-sm:13px; --fs-md:15px; --fs-lg:18px; --fs-xl:24px; --fs-2xl:34px; --fs-3xl:52px; --fs-num:132px;
  --ls-eyebrow:.16em; --ls-tight:-.028em;
  --nav-h:60px;
  --maxw:1240px;
}

/* oscuro: navy como papel, tarjetas #13254D, texto #D3DBEC */
:root[data-theme="dark"]{
  color-scheme: dark;
  --bg:#0B1B3D; --card:#13254D; --card-2:#182D5A;
  --ink:#FFFFFF; --text:#D3DBEC; --muted:#9AA8C2;
  --rule:rgba(211,219,236,.14); --rule-strong:rgba(211,219,236,.28);
  --accent:#D5A749; --accent-text:#D5A749; --on-accent:#0B1B3D;
  --data:#4DA9D9; --data-soft:rgba(77,169,217,.16);
  --invert-bg:#060F24; --invert-text:#FFFFFF; --invert-text-2:#C5CDDC; --invert-label:#4DA9D9;
  --focus:#4DA9D9; --danger:#E08585; --ok:#7CC49A; --warn:#D5A749;
  --shadow-drag:0 14px 40px -14px rgba(0,0,0,.65);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --bg:#0B1B3D; --card:#13254D; --card-2:#182D5A;
    --ink:#FFFFFF; --text:#D3DBEC; --muted:#9AA8C2;
    --rule:rgba(211,219,236,.14); --rule-strong:rgba(211,219,236,.28);
    --accent:#D5A749; --accent-text:#D5A749; --on-accent:#0B1B3D;
    --data:#4DA9D9; --data-soft:rgba(77,169,217,.16);
    --invert-bg:#060F24; --invert-text:#FFFFFF; --invert-text-2:#C5CDDC; --invert-label:#4DA9D9;
    --focus:#4DA9D9; --danger:#E08585; --ok:#7CC49A; --warn:#D5A749;
    --shadow-drag:0 14px 40px -14px rgba(0,0,0,.65);
  }
}