:root {
    /* Primary Colors */
    --pa-gold: #e8bb09;
    --pa-navy: #011c87;
    --pa-blue: #5971d4;
    --pa-yellow: #cfae2b;
    --pa-light-blue: #6b83e3;

    /* Extended Color Palette */
    --pa-bg-light: #f8faff;
    --pa-bg-white: #ffffff;
    --pa-border-light: rgba(89, 113, 212, 0.12);
    --pa-text-dark: #1e2b4d;
    --pa-text-muted: #64748b;

    /* Gradients */
    --pa-gradient-primary: linear-gradient(135deg, #5971d4 0%, #6b83e3 100%);
    --pa-gradient-secondary: linear-gradient(135deg, #e8bb09 0%, #cfae2b 100%);

    /* Semantic Colors */
    --pa-primary: var(--pa-blue);
    --pa-secondary: var(--pa-gold);
    --pa-accent: var(--pa-light-blue);
    --pa-background: #ffffff;
    --pa-surface: #f5f7ff;

    /* Text Colors */
    --pa-text-primary: #1a1a1a;
    --pa-text-secondary: #4a4a4a;
    --pa-text-on-primary: #ffffff;
    --pa-text-on-secondary: #000000;

    /* Spacing */
    --pa-spacing-xs: 4px;
    --pa-spacing-sm: 8px;
    --pa-spacing-md: 16px;
    --pa-spacing-lg: 24px;
    --pa-spacing-xl: 32px;

    /* Border Radius */
    --pa-radius-sm: 4px;
    --pa-radius-md: 8px;
    --pa-radius-lg: 12px;

    /* Shadows */
    --pa-shadow-sm: 0 1px 2px rgba(1, 28, 135, 0.05);
    --pa-shadow-md: 0 4px 6px rgba(1, 28, 135, 0.07);
    --pa-shadow-lg: 0 10px 15px rgba(1, 28, 135, 0.1);
    --pa-shadow-input: 0 2px 4px rgba(1, 28, 135, 0.03);
    --pa-shadow-button: 0 2px 4px rgba(89, 113, 212, 0.2);

    /* Animation */
    --pa-transition: all 0.2s ease-in-out;
}