/* Fintara colour tokens — from tokens.json. Base brand values + semantic aliases, light (default) and dark themes. */
:root{
--evergreen:#113712;
--fresh-moss:#648c36;
--stone:#e0dcd0;
--ivory:#fefdf8;
--graphite:#282828;
--muted-light:#56564f;
--bg:var(--ivory);
--bg-alt:var(--stone);
--text:var(--graphite);
--text-muted:var(--muted-light);
--primary:var(--evergreen);
--on-primary:var(--ivory);
--accent:var(--fresh-moss);
--border-strong:var(--graphite);
--scrim:rgba(17,55,18,.72);
--surface-page:var(--bg);
--surface-panel:var(--bg-alt);
--text-body:var(--text);
--text-caption:var(--text-muted);
--rule-hairline:var(--accent);
--focus-ring:var(--border-strong);
}
[data-theme="light"]{
--bg:var(--ivory);
--bg-alt:var(--stone);
--text:var(--graphite);
--text-muted:var(--muted-light);
--primary:var(--evergreen);
--on-primary:var(--ivory);
--accent:var(--fresh-moss);
--border-strong:var(--graphite);
}
[data-theme="dark"]{
--bg:var(--evergreen);
--bg-alt:var(--graphite);
--text:var(--ivory);
--text-muted:var(--stone);
--primary:var(--stone);
--on-primary:var(--evergreen);
--accent:var(--fresh-moss);
--border-strong:var(--stone);
}