:root{
/* Brand base — from brand notes */
--mk-navy:#0D2130;        /* fundo principal */
--mk-blue:#002C52;        /* azul institucional (logo) */
--mk-slate:#58758C;       /* azul acinzentado */
--mk-mist:#9DB1BF;        /* azul claro */
--mk-gold:#D2A263;        /* dourado — acento (≈10%) */
--mk-white:#FFFFFF;
--mk-sand:#F3F1EC;        /* areia */
/* Derived steps (oklch-mixed from the base) */
--mk-navy-900:#081620;
--mk-navy-800:#0D2130;
--mk-navy-700:#142D40;
--mk-navy-600:#1C3A50;
--mk-gold-hover:#DDB47E;
--mk-gold-press:#BE8E50;
--mk-sand-200:#E7E3DA;
--mk-ink:#0D2130;
--mk-error:#C8553D;
--mk-success:#4F8A6E;

/* Semantic — dark (default, navy) */
--surface-page:var(--mk-navy);
--surface-raised:var(--mk-navy-700);
--surface-sunken:var(--mk-navy-900);
--surface-brand:var(--mk-blue);
--surface-light:var(--mk-white);
--surface-sand:var(--mk-sand);

--text-on-dark:var(--mk-white);
--text-on-dark-muted:var(--mk-mist);
--text-on-dark-subtle:var(--mk-slate);
--text-on-light:var(--mk-navy);
--text-on-light-muted:var(--mk-slate);
--text-accent-on-dark:var(--mk-gold);   /* gold text ONLY on navy/blue */
--text-on-gold:var(--mk-navy);

--accent:var(--mk-gold);
--accent-hover:var(--mk-gold-hover);
--accent-press:var(--mk-gold-press);

--border-on-dark:rgba(157,177,191,.22);
--border-on-dark-strong:rgba(157,177,191,.45);
--border-on-light:rgba(13,33,48,.14);
--border-on-light-strong:rgba(13,33,48,.32);
--border-accent:var(--mk-gold);

--focus-ring:var(--mk-gold);
--state-error:var(--mk-error);
--state-success:var(--mk-success);
}
