:root{
/* Base palette */
--bone:#F8F5F0;
--cream:#EFE9E0;
--graphite:#1F2328;
--body:#4A4F57;
--muted:#5F636A;
--vermillion:#B53D0B;
--vermillion-hover:#963208;
--vermillion-on-graphite:#F06A3C;
--hairline:#E2DBD0;
--bone-on-graphite:#F8F5F0;
--muted-on-graphite:#B4B1AB;
--hairline-on-graphite:#3A3F46;

/* Brand-doc variable names (§5.1) */
--color-background:var(--bone);
--color-surface:var(--cream);
--color-ink:var(--graphite);
--color-body:var(--body);
--color-muted:var(--muted);
--color-accent:var(--vermillion);
--color-accent-hover:var(--vermillion-hover);
--color-accent-on-dark:var(--vermillion-on-graphite);
--color-border:var(--hairline);

/* Semantic aliases */
--surface-page:var(--bone);
--surface-card:var(--cream);
--surface-cinema:var(--graphite);
--text-heading:var(--graphite);
--text-body:var(--body);
--text-meta:var(--muted);
--text-accent:var(--vermillion);
--text-on-cinema:var(--bone-on-graphite);
--text-meta-on-cinema:var(--muted-on-graphite);
--text-accent-on-cinema:var(--vermillion-on-graphite);
--border-rule:var(--hairline);
--border-strong:var(--graphite);
--border-on-cinema:var(--hairline-on-graphite);
--button-primary-bg:var(--graphite);
--button-primary-fg:var(--bone);
--focus-ring:var(--vermillion);
/* Changed-text marking in version diffs: vermillion text + underline only — no tint, never a filled block */
--diff-added-underline:var(--vermillion);
}