/*
  Sistema de diseño Castalior — portado de Castalior_Simulador_Estrategia_v1.html
  (primer entregable digital ya aprobado con la marca). No se reinventa paleta ni
  tipografía aquí: se extiende lo mínimo necesario para un flujo de formulario.

  Fuente de la paleta: Branding Castalior.pdf
    Field Drab #6F521C · Gold (Crayola) #F2C886 · White Coffee #E8E2D9 · Raisin Black #232323
  Nota de marca: Field Drab y Gold están a ~1.5° en el círculo cromático — no sirven
  como par para codificar dos estados distintos (ej. error vs. éxito). Por eso los
  estados semánticos de abajo (--danger, --success) se derivan como variantes con
  salto real de matiz/luminosidad, no como reusos literales de los 4 colores base.
*/
:root{
  /* ---- marca ---- */
  --field-drab:#6F521C;
  --gold:#F2C886;
  --white-coffee:#E8E2D9;
  --raisin:#232323;

  /* ---- superficie (tema oscuro, mismo derivado que el Simulador) ---- */
  --bg-0:#181512;
  --bg-1:#211d19;
  --card-bg:#26221d;
  --card-bg-2:#2d2822;
  --line:#3c3630;
  --text-main:#f1eadd;
  --text-dim:#b7a891;
  --text-faint:#8a7d6a;
  --gold-soft: rgba(242,200,134,0.14);
  --shadow: 0 20px 50px -20px rgba(0,0,0,0.6);

  /* ---- estados semánticos (derivados, no literales de marca) ---- */
  --danger:#c0625a;       /* ya usado en el Simulador para "quitar" */
  --danger-soft: rgba(192,98,90,0.14);
  --success:#8a9a6b;       /* verde-oliva cálido: separado en matiz de --gold, misma familia tierra */
  --success-soft: rgba(138,154,107,0.16);
  --focus-ring: 0 0 0 3px rgba(242,200,134,0.35);

  /* ---- radios / espaciado ---- */
  --r-sm:10px;
  --r-md:14px;
  --r-lg:18px;
  --r-pill:999px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(242,200,134,0.08), transparent 60%),
    radial-gradient(1000px 700px at 110% 10%, rgba(111,82,28,0.25), transparent 55%),
    var(--bg-0);
  color:var(--text-main);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

/* Times New Roman itálica: reservada a acentos puntuales (citas, subrayado editorial),
   nunca para UI ni cuerpo de formulario — así lo confirma el PDF de branding. */
.accent-serif{
  font-family:'Times New Roman',Times,Georgia,serif;
  font-style:italic;
}

a{color:var(--gold);}

::selection{background:var(--gold-soft);color:var(--text-main);}