:root{
/* Brand — the four logo diamonds + raisin ink */
--tan:#e0b783;--brass:#cea273;--deer:#ba8e5f;--brown:#a97a4c;--raisin:#242323;
/* Tints for lattice lines, hairlines, washes */
--tan-100:#f8efe3;--tan-200:#f0dfc8;--tan-300:#e9cfab;
--brown-700:#8a6239;--brown-800:#6b4a2a;
/* Neutrals (warm) */
--white:#ffffff;--paper:#fbf8f4;--stone-100:#f3efea;--stone-200:#e6e1db;--stone-300:#cfc9c2;--stone-500:#8c857e;--stone-600:#66605a;--stone-700:#45413e;--raisin-900:#1a1919;--raisin-800:#2e2d2c;--raisin-700:#3a3837;
/* Semantic (drawn from the Solskin PV colour range) */
--emerald:#2f5f4b;--falun-red:#7c2f2a;--ocean-blue:#3f6a80;--gold:#a6861d;

/* ---- Semantic aliases: LIGHT (default) ---- */
--surface-page:var(--white);
--surface-subtle:var(--paper);
--surface-card:var(--white);
--surface-inverse:var(--raisin);
--surface-overlay:rgba(255,255,255,.86);
--text-strong:var(--raisin);
--text-body:#2b2a29;
--text-muted:var(--stone-600);
--text-inverse:var(--white);
--text-accent:var(--deer);
--text-title:var(--deer);
--border-rule:var(--brass);
--border-hairline:var(--stone-200);
--border-strong:var(--raisin);
--pattern-line:var(--tan-300);
--accent:var(--deer);
--accent-hover:var(--brown);
--accent-press:var(--brown-700);
--accent-contrast:var(--white);
--focus-ring:var(--brown);
--status-success:var(--emerald);
--status-warning:var(--gold);
--status-danger:var(--falun-red);
--status-info:var(--ocean-blue);
}
/* ---- DARK theme: apply data-theme="dark" on any container ---- */
[data-theme="dark"]{
--surface-page:var(--raisin);
--surface-subtle:var(--raisin-900);
--surface-card:var(--raisin-800);
--surface-inverse:var(--white);
--surface-overlay:rgba(36,35,35,.84);
--text-strong:var(--white);
--text-body:#e9e5e0;
--text-muted:#a8a19a;
--text-inverse:var(--raisin);
--text-accent:var(--tan);
--text-title:var(--brass);
--border-rule:var(--deer);
--border-hairline:var(--raisin-700);
--border-strong:var(--white);
--pattern-line:#4a4037;
--accent:var(--brass);
--accent-hover:var(--tan);
--accent-press:var(--deer);
--accent-contrast:var(--raisin);
--focus-ring:var(--tan);
}