/*
  PreTrAIde design tokens — single source of truth for color, type, spacing, radius and shadow.
  Mirrored (not imported, separate build pipelines) at dashboard/src/tokens.css — keep both in sync.
*/
:root {
    /* ---- Brand ---- */
    --color-brand-500: #2f6fed;
    --color-brand-400: #4c8bff;
    --color-brand-300: #7aa9ff;
    --color-brand-600: #1f56c9;
    --color-brand-gradient: linear-gradient(135deg, #2f6fed 0%, #7c3aed 100%);

    /* ---- Accent (violet — second stop of the brand gradient) ---- */
    --color-accent-400: #a78bfa;
    --color-accent-500: #7c3aed;
    --color-accent-600: #6d28d9;

    /* ---- Surfaces (dark theme) ---- */
    --color-bg: #0b0e14;
    --color-bg-elevated: #10141d;
    --color-surface: #141926;
    --color-surface-hover: #1a2030;
    --color-surface-raised: #1a2132;
    --color-surface-border: rgba(255, 255, 255, 0.08);
    --color-surface-border-strong: rgba(255, 255, 255, 0.14);
    --color-brand-border: rgba(47, 111, 237, 0.35);
    --color-brand-surface: rgba(47, 111, 237, 0.10);

    /* ---- Text ---- */
    --color-text-primary: #f4f6fb;
    --color-text-secondary: #a3acc2;
    --color-text-muted: #6b7690;
    --color-text-on-brand: #ffffff;

    /* ---- Semantic ---- */
    --color-success: #22c55e;
    --color-success-bg: rgba(34, 197, 94, 0.12);
    --color-danger: #ef4444;
    --color-danger-bg: rgba(239, 68, 68, 0.12);
    --color-warning: #f59e0b;
    --color-warning-bg: rgba(245, 158, 11, 0.12);
    --color-info: #38bdf8;
    --color-info-bg: rgba(56, 189, 248, 0.12);

    /* ---- Type scale ---- */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;

    /* ---- Spacing scale (4px base) ---- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;

    /* ---- Radius ---- */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --radius-full: 999px;

    /* ---- Shadow ---- */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.45);
    --shadow-brand: 0 8px 24px rgba(47, 111, 237, 0.35);

    /* ---- Focus ---- */
    --focus-ring: 0 0 0 3px rgba(76, 139, 255, 0.35);

    /* ---- Motion ---- */
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --duration-fast: 150ms;
    --duration-base: 250ms;
    --duration-slow: 400ms;

    /* ---- Layout ---- */
    --header-height: 120px;
    --sidebar-width: 264px;
    --topbar-height: 60px;
}