:root {
    /* RixForge brand */
    --color-primary-rgb: 80, 82, 200;
    --color-primary: #5052c8;
    --color-on-primary: #ffffff;

    --color-secondary: #b52aa8;
    --color-on-secondary: #ffffff;

    /* Surfaces */
    --color-bg-rgb: 250, 250, 250;
    --color-bg: #fafafa;
    --color-bg-secondary: #eef2f8;
    --color-surface: #fafafa;
    --color-surface-container: #e8edf7;

    /* Typography */
    --color-text-pure: #000000;
    --color-text: #1d2433;
    --color-text-variant: #3f495c;
    --color-text-muted: #5c6678;

    /* Borders */
    --color-outline: #b7c0d2;
    --color-outline-variant: #d0d7e3;

    /* Alphas */
    --radial-alpha: 0.33;
    
    /* Badges */
    --badge-blue-fg: #2563eb;
    --badge-blue-bg: #dbeafe;

    --badge-green-fg: #059669;
    --badge-green-bg: #ddf7ec;

    --badge-purple-fg: #7c3aed;
    --badge-purple-bg: #ede9fe;

    --badge-orange-fg: #d97706;
    --badge-orange-bg: #fef3c7;
}

[data-theme="dark"] {
    /* RixForge brand */
    --color-primary-rgb: 145, 148, 255;
    --color-primary: #9194ff;
    --color-on-primary: #0b0c12;

    --color-secondary: #dc55d2;
    --color-on-secondary: #180d18;

    /* Surfaces */
    --color-bg-rgb: 18, 19, 26;
    --color-bg: #12131a;
    --color-bg-secondary: #1b1d26;
    --color-surface: #12131a;
    --color-surface-container: #20232d;

    /* Typography */
    --color-text-pure: #ffffff;
    --color-text: #f2f4f8;
    --color-text-variant: #d8deea;
    --color-text-muted: #bcc3d2;

    /* Borders */
    --color-outline: #6b7488;
    --color-outline-variant: #4d5568;

    /* Alphas */
    --radial-alpha: 0.10;

    /* Badges */
    --badge-blue-fg: #60a5fa;
    --badge-blue-bg: #172554;

    --badge-green-fg: #34d399;
    --badge-green-bg: #052e24;

    --badge-purple-fg: #a78bfa;
    --badge-purple-bg: #2e1065;

    --badge-orange-fg: #fbbf24;
    --badge-orange-bg: #451a03;
}