/* Base palette. Two themes: dark = site institucional, light = sistema web.
   Amber is the warning colour: max 3 uses per screen (primary CTA, active state, deadline alert). */
:root{
--ink-900:#0A0E14;--ink-800:#121822;--ink-700:#1B2431;--ink-600:#2A3547;
--paper-50:#FAF8F4;--paper-0:#FFFFFF;--paper-200:#E5E0D7;
--bone-100:#F5F2EC;--steel-400:#9BA7B8;--slate-900:#141922;--slate-500:#5B6472;
--amber-400:#F2B441;--amber-600:#C8891C;--amber-ink:#3A2A05;
--status-ok:#3FB984;--status-due:#F2B441;--status-late:#E2574C;--status-filed:#5B8DEF;
--status-alpha:0.14; /* @kind other */

/* Semantic aliases — dark theme (default) */
--bg:var(--ink-900);--surface:var(--ink-800);--surface-raised:var(--ink-700);--border:var(--ink-600);
--text:var(--bone-100);--text-muted:var(--steel-400);
--accent:var(--amber-400);--accent-ink:var(--amber-ink);--accent-hover:#F7C463;--accent-ring:rgba(242,180,65,0.55);
--field-bg:rgba(255,255,255,0.03);--hover-bg:rgba(255,255,255,0.04);--press-bg:rgba(255,255,255,0.07);
--overlay:rgba(5,8,12,0.72);
}

/* Semantic aliases — light theme (sistema web). Amber darkens for contrast on white. */
.theme-light{
--bg:var(--paper-50);--surface:var(--paper-0);--surface-raised:var(--paper-0);--border:var(--paper-200);
--text:var(--slate-900);--text-muted:var(--slate-500);
--accent:var(--amber-600);--accent-ink:var(--amber-ink);--accent-hover:#A87116;--accent-ring:rgba(200,137,28,0.45);
--field-bg:var(--paper-0);--hover-bg:rgba(20,25,34,0.035);--press-bg:rgba(20,25,34,0.06);
--overlay:rgba(20,25,34,0.35);
}