/* ============================================================
   AI Predicts — design tokens (dle plakátu: noční modro-fialový
   gradient, neon magenta/pink akcent, 5 brand barev AI).
   ============================================================ */
:root {
    /* --- Pozadí / povrchy --- */
    --bg:          #07071a;
    --bg-2:        #0c0c24;
    --surface:     #14142f;
    --surface-2:   #1b1b3e;
    --surface-3:   #242450;
    --border:      rgba(255,255,255,.08);
    --border-strong: rgba(255,255,255,.16);

    /* --- Text --- */
    --text:        #eef0ff;
    --text-dim:    #a6a9d4;
    --text-mute:   #6e72a0;

    /* --- Akcenty --- */
    --primary:     #ff2e9a;   /* neon magenta */
    --primary-2:   #ff62b4;
    --primary-glow: rgba(255,46,154,.45);
    --blue:        #4f8dff;
    --blue-glow:   rgba(79,141,255,.4);
    --purple:      #9a6cff;
    --cyan:        #22d3ee;

    /* --- Stavy --- */
    --success:     #16c784;
    --warn:        #fbbf24;
    --danger:      #f0506e;

    /* --- Značky AI --- */
    --ai-openai:    #19c37d;
    --ai-gemini:    #4285f4;
    --ai-xai:       #e8e8f2;
    --ai-anthropic: #d79566;
    --ai-meta:      #9a6cff;

    /* --- Gradienty --- */
    --grad-hero:    linear-gradient(165deg, #160f3e 0%, #341a63 42%, #8c1c6e 78%, #c41f6b 100%);
    --grad-primary: linear-gradient(135deg, #ff2e9a 0%, #a23cff 100%);
    --grad-blue:    linear-gradient(135deg, #4f8dff 0%, #22d3ee 100%);
    --grad-text:    linear-gradient(90deg, #ff2e9a, #9a6cff 55%, #4f8dff);

    /* --- Typografie --- */
    --font-display: 'Anton', 'Archivo', 'Inter', system-ui, sans-serif;
    --font-head:    'Archivo', 'Inter', system-ui, sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;

    /* --- Spacing --- */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

    /* --- Radius --- */
    --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 26px; --r-pill: 999px;

    /* --- Stíny / záře --- */
    --shadow-sm: 0 2px 8px rgba(0,0,0,.3);
    --shadow-md: 0 8px 28px rgba(0,0,0,.4);
    --shadow-lg: 0 20px 60px rgba(0,0,0,.5);
    --glow-primary: 0 0 28px var(--primary-glow);
    --glow-blue:    0 0 28px var(--blue-glow);

    /* --- Layout --- */
    --container: 1200px;
    --header-h: 70px;

    /* --- Přechody --- */
    --t-fast: 140ms ease;
    --t: 240ms cubic-bezier(.4,0,.2,1);
}