:root {
    /* Colors */
    --rdbg-color-primary: #005cbb;
    --rdbg-color-on-primary: #ffffff;
    --rdbg-color-primary-container: #d7e2ff;
    --rdbg-color-on-primary-container: #001b3f;

    --rdbg-color-secondary: #575e71;
    --rdbg-color-on-secondary: #ffffff;
    --rdbg-color-secondary-container: #dbe2f9;
    --rdbg-color-on-secondary-container: #141b2c;

    --rdbg-color-surface: #fdfcff;
    --rdbg-color-on-surface: #1a1c1e;
    --rdbg-color-surface-variant: #e1e2ec;
    --rdbg-color-on-surface-variant: #44474f;

    --rdbg-color-outline: #757780;
    --rdbg-color-outline-variant: #c5c6d0;

    --rdbg-color-error: #ba1a1a;
    --rdbg-color-on-error: #ffffff;
    --rdbg-color-error-container: #ffdad6;
    --rdbg-color-on-error-container: #410002;

    --rdbg-color-success: #2e6c2b;
    /* Custom success */
    --rdbg-color-on-success: #ffffff;

    --rdbg-color-warning: #bd6900;
    /* Custom warning */

    /* Typography */
    --rdbg-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    --rdbg-font-size-sm: 12px;
    --rdbg-font-size-md: 14px;
    --rdbg-font-size-lg: 16px;
    --rdbg-font-size-xl: 22px;
    --rdbg-font-size-xxl: 28px;

    --rdbg-line-height-md: 1.5;
    --rdbg-line-height-tight: 1.2;

    /* Spacing */
    --rdbg-space-1: 4px;
    --rdbg-space-2: 8px;
    --rdbg-space-3: 12px;
    --rdbg-space-4: 16px;
    --rdbg-space-5: 24px;
    --rdbg-space-6: 32px;

    /* Radius */
    --rdbg-radius-sm: 8px;
    --rdbg-radius-md: 12px;
    --rdbg-radius-lg: 16px;
    --rdbg-radius-xl: 28px;
    --rdbg-radius-full: 9999px;

    /* Shadows */
    --rdbg-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    --rdbg-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    --rdbg-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);

    /* Transitions */
    --rdbg-ease: cubic-bezier(0.2, 0.0, 0, 1.0);
    --rdbg-duration-fast: 200ms;
    --rdbg-duration-normal: 400ms;
}

/* Dark Mode Support (optional base) */
@media (prefers-color-scheme: dark) {
    :root {
        --rdbg-color-primary: #abc7ff;
        --rdbg-color-on-primary: #002f65;
        --rdbg-color-primary-container: #00458f;
        --rdbg-color-on-primary-container: #d7e2ff;

        --rdbg-color-surface: #1a1c1e;
        --rdbg-color-on-surface: #e3e2e6;
        --rdbg-color-surface-variant: #44474f;
        --rdbg-color-on-surface-variant: #c5c6d0;

        --rdbg-color-outline: #8e9099;
    }
}