/**
 * DIX brand tokens.
 *
 * Only the --brand-* variables live here. Everything else (status colours,
 * radii, shadows, spacing, and the light/dark palettes) is shared and stays in
 * dix.css. Loaded after dix.css so these win.
 *
 * Theme: dark.
 */
:root {
    --brand-primary:       #6366f1;
    --brand-primary-dark:  #4f46e5;
    --brand-primary-light: rgba(99, 102, 241, 0.12);
    --brand-secondary:     #8b5cf6;
    --brand-accent:        #a855f7;

    --brand-gradient:      linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
    --brand-gradient-text: linear-gradient(135deg, #818cf8, #c084fc, #67e8f9);

    /* Accents for the public pages, which are drawn on near-black. */
    --brand-on-dark-1:     #818cf8;
    --brand-on-dark-2:     #a78bfa;
    --brand-on-dark-3:     #67e8f9;

    --brand-font-ui:       'Inter', system-ui, sans-serif;
    --brand-font-display:  'Outfit', system-ui, sans-serif;
}