:root{
/* Base palette */
--cc-ink:#141414;
--cc-warm-ink:#231F1C;
--cc-charcoal:#1E1B19;
--cc-paper:#F3EDE2;
--cc-vintage:#EFE6D2;
--cc-kraft:#C9B48F;
--cc-champagne:#B08F5A;
/* Derived tints (kraft at lower strength for hairlines on dark) */
--cc-kraft-soft:rgba(201,180,143,.45);
--cc-paper-muted:rgba(243,237,226,.72);
--cc-ink-muted:#5A524B;

/* Semantic — surfaces */
--surface-page:var(--cc-paper);
--surface-alt:var(--cc-vintage);
--surface-card:var(--cc-vintage);
--surface-dark:var(--cc-charcoal);
--surface-ink:var(--cc-ink);
--surface-tag:var(--cc-kraft);

/* Semantic — text */
--text-display:var(--cc-ink);
--text-body:var(--cc-warm-ink);
--text-muted:var(--cc-ink-muted);
--text-on-dark:var(--cc-paper);
--text-on-dark-muted:var(--cc-paper-muted);
--text-accent-display:var(--cc-champagne); /* large numerals & display only — never body */

/* Semantic — lines */
--rule:var(--cc-kraft);
--rule-on-dark:var(--cc-kraft-soft);
--field-line:var(--cc-kraft);
--field-line-focus:var(--cc-ink);
--focus-ring:var(--cc-champagne);

/* Semantic — status (quiet, ink-family; no bright alerts) */
--status-error:#8A3B2E;
--status-ok:#4E5B3F;
}