:root {
    --color-primary: #3478f6;
    --color-accent: #00c4b4;

    --color-background-light: #f9fafb;
    --color-background-dark: #1b1f24;

    --color-text-primary: #111827;
    --color-text-secondary: #6b7280;
    
    --color-success: #10b981;
    --color-info: #3b82f6;
    --color-warning: #f59e0b;
    --color-error: #ef4444;

    --motion-ease-150: .15s ease;
    --motion-ease-200: .2s ease;
    --motion-ease-250: .25s ease;

    --border-radius: 12px;
}

:root[data-product="atmos"] {
    --color-accent: #3478bf;
}

:root[data-product="forms"] {
    --color-accent: #00c4b4;
}

:root[data-product="portal"] {
    --color-accent: #f59e0b;
}

:root[data-product="dev"] {
    --color-accent: #9333ea;
}

:root[data-product="auth"] {
    --color-accent: #10b981;
}

:root[data-product="admin"] {
    --color-accent: #ef4444;
}

:root[data-product="api"] {
    --color-accent: #3b82f6;
}

:root[data-product="status"] {
    --color-accent: #16a34a;
}