:root{
/* --- Brand primary: signal yellow (exact values from the brand book) --- */
--dp-yellow:#FCF87C;
--dp-yellow-pale:#FFFCCA;
/* --- Brand secondary: Peers AI blues --- */
--dp-blue-700:#006CBC;
--dp-blue-500:#2EA5ED;
--dp-blue-300:#95D3F9;
/* --- Neutral ramp (5 steps, warm-grey biased) --- */
--dp-ink:#050505;
--dp-graphite:#2D2D2B;
--dp-grey:#666665;
--dp-silver:#BABAB9;
--dp-mist:#EDEDEB;
--dp-white:#FFFFFF;

/* --- Semantic: surfaces --- */
--surface-page:var(--dp-white);
--surface-page-alt:var(--dp-mist);
--surface-card:var(--dp-white);
--surface-inverse:var(--dp-graphite);
--surface-inverse-deep:var(--dp-ink);
--surface-accent:var(--dp-yellow);
--surface-accent-soft:var(--dp-yellow-pale);
--surface-ai:var(--dp-blue-700);
--surface-ai-soft:var(--dp-blue-300);
--surface-glass:color-mix(in srgb, var(--dp-white) 62%, transparent);
--surface-glass-inverse:color-mix(in srgb, var(--dp-ink) 38%, transparent);

/* --- Semantic: text --- */
--text-strong:var(--dp-ink);
--text-body:var(--dp-graphite);
--text-muted:var(--dp-grey);
--text-faint:var(--dp-silver);
--text-on-inverse:var(--dp-mist);
--text-on-accent:var(--dp-ink);
--text-on-ai:var(--dp-white);
--text-link:var(--dp-blue-700);
--text-link-hover:var(--dp-blue-500);

/* --- Semantic: lines --- */
--border-hairline:color-mix(in srgb, var(--dp-graphite) 12%, transparent);
--border-default:var(--dp-silver);
--border-strong:var(--dp-graphite);
--border-inverse:color-mix(in srgb, var(--dp-mist) 22%, transparent);
--border-focus:var(--dp-blue-500);

/* --- Semantic: status (borrowed from the brand ramp — no dedicated status palette in the book) --- */
--status-info:var(--dp-blue-500);
--status-success:#2F7A55;
--status-warning:#B8860B;
--status-danger:#B3402F;

/* --- Warm mesh washes: the "calm transition" backgrounds --- */
--wash-warm:radial-gradient(120% 90% at 12% 4%, var(--dp-yellow-pale) 0%, transparent 58%),radial-gradient(90% 80% at 96% 12%, color-mix(in srgb, var(--dp-yellow) 55%, transparent) 0%, transparent 60%),linear-gradient(180deg, var(--dp-white) 0%, var(--dp-mist) 100%);
--wash-cool:radial-gradient(100% 80% at 90% 0%, color-mix(in srgb, var(--dp-blue-300) 55%, transparent) 0%, transparent 62%),linear-gradient(180deg, var(--dp-white) 0%, var(--dp-mist) 100%);
--wash-inverse:radial-gradient(90% 70% at 8% 0%, color-mix(in srgb, var(--dp-yellow) 14%, transparent) 0%, transparent 55%),radial-gradient(80% 70% at 100% 100%, color-mix(in srgb, var(--dp-blue-700) 30%, transparent) 0%, transparent 60%),linear-gradient(180deg, var(--dp-graphite) 0%, var(--dp-ink) 100%);
--wash-ai:conic-gradient(from 220deg at 50% 50%, var(--dp-blue-700), var(--dp-blue-500), var(--dp-blue-300), var(--dp-blue-700));
}