:root{
/* --- Brand primitives (sampled from the Consit AG logo PNG) --- */
--consit-gold:#bf9000;
--consit-grey:#7f7f7f;

/* --- Gold ramp (warmed one hue step so it sits well against the slate ink) --- */
--gold-900:#4a3706;
--gold-800:#6b500a;
--gold-700:#8a680c;
--gold-600:#a67e05;
--gold-500:#bf9000;
--gold-400:#d6a819;
--gold-300:#e5be3e;
--gold-200:#f2da91;
--gold-100:#f9f0da;
--gold-50:#fdfaf2;

/* --- Slate ink (main text colour) --- */
--ink:#1e293b;
--ink-800:#334155;
--ink-700:#475569;
--ink-600:#64748b;
--ink-500:#94a3b8;
--ink-300:#cbd5e1;
--ink-200:#e2e8f0;
--ink-100:#f1f5f9;

/* --- Neutral ramp (anchored on the logo grey #7f7f7f) --- */
--grey-950:#141414;
--grey-900:#1f1f1f;
--grey-800:#333333;
--grey-700:#4d4d4d;
--grey-600:#666666;
--grey-500:#7f7f7f;
--grey-400:#999999;
--grey-300:#bfbfbf;
--grey-200:#d9d9d9;
--grey-150:#e6e6e6;
--grey-100:#f0f0f0;
--grey-50:#f7f7f7;
--white:#ffffff;

/* --- Status --- */
--status-success:#2e7d32;
--status-success-bg:#eaf3ea;
--status-warning:#bf9000;
--status-warning-bg:#f7efd9;
--status-danger:#a3242c;
--status-danger-bg:#f7eaeb;
--status-info:#2b5a8c;
--status-info-bg:#eaf1f8;

/* --- Semantic: text --- */
--text-strong:var(--ink);
--text-body:var(--ink-800);
--text-muted:var(--ink-700);
--text-subtle:var(--ink-600);
--text-inverse:var(--white);
--text-accent:var(--gold-700);
--text-on-accent:var(--white);
--text-link:var(--gold-700);
--text-link-hover:var(--gold-900);

/* --- Semantic: surfaces --- */
--surface-page:var(--white);
--surface-card:var(--white);
--surface-sunken:var(--grey-50);
--surface-band:var(--grey-100);
--surface-accent:var(--gold-100);
--surface-accent-solid:var(--gold-500);
--surface-inverse:var(--ink);
--surface-overlay:rgba(30,41,59,.55);

/* --- Semantic: borders --- */
--border-subtle:var(--ink-200);
--border-default:var(--ink-300);
--border-strong:var(--ink-500);
--border-accent:var(--gold-500);
--rule-accent-width:3px;

/* --- Semantic: actions --- */
--action-primary-bg:var(--gold-500);
--action-primary-bg-hover:var(--gold-600);
--action-primary-bg-active:var(--gold-700);
--action-primary-fg:var(--white);
--action-secondary-bg:transparent;
--action-secondary-fg:var(--ink-800);
--action-secondary-border:var(--ink-500);
--action-secondary-bg-hover:var(--ink-100);
--action-ghost-fg:var(--gold-700);
--action-ghost-bg-hover:var(--gold-100);
--action-disabled-bg:var(--grey-200);
--action-disabled-fg:var(--grey-400);
--focus-ring:0 0 0 3px rgba(191,144,0,.35);
}