/* tema.css — optional per-client color theme for the Vitrina Digital engine
   (vitrina.html + render.js + contratos.html). Default is the original
   light theme (unchanged colors); a client opts into the dark, dramatic
   theme by setting "tema": "oscuro" in clientes/{rnc}/config.json — main.js
   / contratos.html's inline script toggle the .tema-oscuro class on <body>
   from that value. No client is dark unless it explicitly asks for it. */

:root {
  --c-heading: #1A2A6C;
  --c-accent: #E8831A;
  --c-accent-hover: #d4751a;
  --c-gold: #D4AF37;
  --c-green: #167A45;
  --c-surface: #FFFFFF;
  --c-surface-alt: #F8F9FA;
  --c-body-bg: #FFFFFF;
  --c-text: #1A1A2E;
  --c-text-muted: #6B7280;
  --c-text-faint: #9CA3AF;
  --c-border: #E5E7EB;
  --c-row-hover: #F9FAFB;
}

body.tema-oscuro {
  --c-heading: #F3D98B;
  --c-accent: #E8831A;
  --c-accent-hover: #f2994d;
  --c-gold: #E8C468;
  --c-green: #34C77B;
  --c-surface: #12141C;
  --c-surface-alt: #0A0A0F;
  --c-body-bg: #0A0A0F;
  --c-text: #EDEDED;
  --c-text-muted: #9CA3AF;
  --c-text-faint: #6B7280;
  --c-border: #2A2C36;
  --c-row-hover: #1A1C26;

  background-color: var(--c-body-bg);
  background-image:
    radial-gradient(circle at 12% 0%, rgba(232,131,26,0.07), transparent 40%),
    radial-gradient(circle at 88% 100%, rgba(212,175,55,0.06), transparent 45%);
  background-attachment: fixed;
}

body.tema-oscuro h1,
body.tema-oscuro h2,
body.tema-oscuro h3 {
  text-shadow: 0 0 24px rgba(232,131,26,0.22);
}