/* static/css/shared/variables.css */

/* ═══════════════════════════════════════════════════════════
   PitchFit Design Tokens
   ═══════════════════════════════════════════════════════════ */

:root {
    /* ── Brand colors ── */
    --pf-primary:       #6C5CE7;    /* Electric violet */
    --pf-primary-light: #A29BFE;
    --pf-primary-dark:  #4A3DBF;
    --pf-accent:        #00CEC9;    /* Teal/mint */
    --pf-accent-light:  #81ECEC;
    --pf-warm:          #FD79A8;    /* Warm pink */
    --pf-gold:          #FDCB6E;    /* Achievement gold */
    --pf-success:       #00B894;
    --pf-error:         #E17055;
    --pf-warning:       #FFEAA7;

    /* ── Neutrals ── */
    --pf-bg:            #0F0A1A;    /* Deep purple-black */
    --pf-bg-card:       #1A1230;    /* Card background */
    --pf-bg-card-hover: #241A40;
    --pf-bg-input:      #2D2250;
    --pf-text:          #F5F0FF;
    --pf-text-muted:    #9B8FC4;
    --pf-text-dim:      #6C5F8A;
    --pf-border:        #3D2E6B;

    /* ── Typography ── */
    --pf-font:         'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --pf-font-display: 'Unbounded', 'Inter', sans-serif;

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

    /* ── Radius ── */
    --pf-radius-sm:   8px;
    --pf-radius-md:   12px;
    --pf-radius-lg:   16px;
    --pf-radius-xl:   24px;
    --pf-radius-full: 9999px;

    /* ── Shadows ── */
    --pf-shadow-sm:  0 2px 8px rgba(108, 92, 231, 0.1);
    --pf-shadow-md:  0 4px 16px rgba(108, 92, 231, 0.15);
    --pf-shadow-lg:  0 8px 32px rgba(108, 92, 231, 0.2);
    --pf-shadow-glow: 0 0 20px rgba(108, 92, 231, 0.3);

    /* ── Transitions ── */
    --pf-ease:     cubic-bezier(0.4, 0, 0.2, 1);
    --pf-duration: 0.3s;
}