:root {
    /* Brand Colors (SeenLabs Identity) */
    --sl-blue-primary: #0f4c81;
    --sl-blue-dark: #0a3d6b;
    --sl-blue-light: #3b7dad;
    --sl-accent: #0f4c81;
    /* Mapping old accent to primary */

    /* Spacing Tokens */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Global Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;

    /* Breakpoints (Reference) */
    --bp-mobile: 480px;
    --bp-tablet: 768px;
    --bp-desktop: 1024px;
}