:root{
/* Brand */
--color-primary:#da291c;--color-primary-active:#b01e0a;--color-primary-hover:#9d2211;
--color-accent-yellow:#f6e500;--color-accent-yellow-signal:#fff200;
/* Surface */
--color-canvas:#181818;--color-canvas-elevated:#303030;--color-canvas-light:#ffffff;
--color-surface-card:#303030;--color-surface-soft-light:#f7f7f7;--color-surface-strong-light:#ebebeb;
/* Hairlines */
--color-hairline:#303030;--color-hairline-on-light:#d2d2d2;--color-hairline-soft:#ebebeb;
/* Text */
--color-ink:#ffffff;--color-body:#969696;--color-body-strong:#ffffff;--color-body-on-light:#181818;
--color-muted:#666666;--color-muted-soft:#8f8f8f;--color-on-primary:#ffffff;
/* Semantic */
--color-semantic-info:#4c98b9;--color-semantic-success:#03904a;--color-semantic-warning:#f13a2c;
/* Gradients */
--gradient-primary:linear-gradient(180deg,#a00c01,#da291c 64%); /* @kind color */
--gradient-dark:linear-gradient(180deg,#3c3c3c,#030303 64%); /* @kind color */
/* Focus */
--color-focus-ring:#fff200;
/* Semantic aliases */
--surface-page:var(--color-canvas);--surface-card:var(--color-surface-card);--surface-page-light:var(--color-canvas-light);
--text-display:var(--color-ink);--text-body:var(--color-body);--text-muted:var(--color-muted);
--border-default:var(--color-hairline);--border-on-light:var(--color-hairline-on-light);
--action-primary-bg:var(--color-primary);--action-primary-fg:var(--color-on-primary)
}