/*
 * ═══════════════════════════════════════════════════════════
 *  LinkedinBoost — CSS Variables
 *  Modifica questo file per personalizzare l'aspetto del sito.
 *  Tutti gli stili derivano da queste variabili.
 * ═══════════════════════════════════════════════════════════
 */

:root {
    /* ── Colori principali ──────────────────────────────── */
    --color-primary:        #6C5CE7;
    --color-primary-light:  #A29BFE;
    --color-primary-dark:   #4A3FC7;
    --color-secondary:      #00CEC9;
    --color-accent:         #FD79A8;

    /* ── Sfondo e superfici ─────────────────────────────── */
    --color-bg:             #0F0F1A;
    --color-bg-light:       #1A1A2E;
    --color-surface:        #222240;
    --color-surface-hover:  #2D2D50;

    /* ── Testo ──────────────────────────────────────────── */
    --color-text:           #E8E8F0;
    --color-text-muted:     #8888AA;
    --color-text-inverse:   #0F0F1A;

    /* ── Stato ──────────────────────────────────────────── */
    --color-success:        #00B894;
    --color-error:          #FF6B6B;
    --color-warning:        #FDCB6E;
    --color-info:           #74B9FF;

    /* ── Tipografia ─────────────────────────────────────── */
    --font-family:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-heading:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-mono:     'JetBrains Mono', 'Fira Code', monospace;

    --font-size-xs:         0.75rem;
    --font-size-sm:         0.875rem;
    --font-size-base:       1rem;
    --font-size-lg:         1.125rem;
    --font-size-xl:         1.25rem;
    --font-size-2xl:        1.5rem;
    --font-size-3xl:        2rem;
    --font-size-4xl:        2.5rem;
    --font-size-5xl:        3.5rem;

    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;
    --font-weight-extrabold:800;

    --line-height:          1.6;
    --line-height-tight:    1.3;

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

    /* ── Border radius ──────────────────────────────────── */
    --radius-sm:            4px;
    --radius-md:            8px;
    --radius-lg:            12px;
    --radius-xl:            16px;
    --radius-full:          9999px;

    /* ── Ombre ──────────────────────────────────────────── */
    --shadow-sm:            0 1px 3px rgba(0,0,0,0.3);
    --shadow-md:            0 4px 12px rgba(0,0,0,0.3);
    --shadow-lg:            0 8px 30px rgba(0,0,0,0.4);
    --shadow-glow:          0 0 20px rgba(108, 92, 231, 0.3);

    /* ── Transizioni ────────────────────────────────────── */
    --transition-fast:      150ms ease;
    --transition-base:      250ms ease;
    --transition-slow:      400ms ease;

    /* ── Layout ─────────────────────────────────────────── */
    --container-max:        1200px;
    --container-narrow:     720px;
    --navbar-height:        64px;
}