/* Scora theme – CSS variables */

:root {
    /* Colors – primary */
    --scora-primary: #3D94DC;
    --scora-primary-hover: #2d73b4;

    /* Colors – backgrounds */
    --scora-bg-dark: #0F2437;
    --scora-bg-navy: #1A3A5C;
    --scora-bg-light: #E8F4FC;

    /* Colors – text */
    --scora-text-on-dark: #fff;
    --scora-text-muted: #b0b0b0;
    --scora-text-muted-light: #d0d0d0;
    --scora-text-muted-dark: #555;
    --scora-text-secondary: #a8a8a8;
    --scora-text-body: #1a1a1a;

    /* Colors – accents */
    --scora-accent-yellow: #F9CA24;
    --scora-primary-overlay: rgba(61, 148, 220, 0.8);

    /* Colors – borders & surfaces */
    --scora-border: #e8e8e8;
    --scora-border-light: rgba(255, 255, 255, 0.1);

    /* Typography */
    --scora-font-family: 'Poppins', sans-serif;

    /* Spacing */
    --scora-section-padding: 100px;
    --scora-section-padding-mobile: 20px;
    --scora-navbar-padding-x: 100px;

    /* Radii */
    --scora-radius-sm: 12px;
    --scora-radius-md: 15px;
    --scora-radius-pill: 50px;
    --scora-radius-card: 24px;

    /* Shadows */
    --scora-shadow-card: 0 24px 48px rgba(0, 0, 0, 0.4);
    --scora-shadow-card-hover: 0 8px 24px rgba(61, 148, 220, 0.12);
    --scora-shadow-fab: 0 4px 12px rgba(0, 0, 0, 0.25);

    /* Transitions */
    --scora-transition-fast: 0.15s ease;
    --scora-transition-normal: 0.2s ease;
    --scora-transition-slow: 0.6s ease-in-out;
}