/* Design System A: load once in the base; opt in per component/view, never :root. */
.ds-a {
    --fa-content-wide: 1140px;
    --fa-content-focused: 960px;
    --fa-brand-500: #f4511e;
    --fa-brand-700: #c2410c;
    --fa-brand-hover: #9a3412;
    --fa-ink-900: #18212f;
    --fa-ink-600: #526173;
    --fa-canvas: #f7f8fa;
    --fa-surface: #fff;
    --fa-border: #e5e7eb;
    --fa-control-border: #768293;
    --fa-success: #15803d;
    --fa-warning: #fbbf24;
    --fa-warning-ink: #854d0e;
    --fa-danger: #dc2626;
    --fa-role-p: #fbbf24;
    --fa-role-d: #15803d;
    --fa-role-c: #1d4ed8;
    --fa-role-a: #dc2626;
    --fa-role-playmaker: #7e22ce;
    --fa-radius-control: 0.5rem;
    --fa-radius-card: 1rem;
    --fa-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}