/* CSS Design Tokens - CryptoForenses 2026 */

:root {
    /* 1. Core Palette - "Forensic AI" */
    --brand-primary: #00d2ff;     /* Electric Blue */
    --brand-secondary: #0070f3;   /* Royal Blue */
    --brand-accent: #00f2fe;      /* Neon Cyan */
    --brand-glow: rgba(0, 210, 255, 0.2);       /* Suavizado de 0.4 a 0.2 */
    --brand-glow-subtle: rgba(0, 210, 255, 0.05);
    
    /* 2. Neutral Depth - Dark Institutional */
    --bg-deep: #010409;           /* Deep Midnight */
    --bg-surface: #0d1117;        /* Surface Dark */
    --bg-surface-elevated: #161b22;
    --bg-glass: rgba(13, 17, 23, 0.85);
    --bg-glass-heavy: rgba(1, 4, 9, 0.95);
    
    /* 3. Text Hierarchy */
    --text-pure: #f0f6fc;
    --text-muted: #8b949e;
    --text-dim: #484f58;
    --text-accent: #58a6ff;

    /* 4. Borders & Accents */
    --border-glass: rgba(240, 246, 252, 0.08);  /* Suavizado */
    --border-rich: rgba(240, 246, 252, 0.12);   /* Suavizado */
    --border-neon: rgba(88, 166, 255, 0.25);    /* Mucho más sobrio */

    /* 5. Typography */
    --font-main: 'Exo 2', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* 6. Spacing Scale */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 32px;
    --sp-2xl: 48px;
    --sp-3xl: 64px;
    --sp-section: 160px;

    /* 7. Radii & Depth */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    --shadow-premium: 0 12px 40px rgba(0, 0, 0, 0.9); /* Más profundidad, menos glow */
    --shadow-glow: 0 0 15px var(--brand-glow-subtle);
    --shadow-neon: 0 0 10px var(--brand-glow);          /* Reducción de intensidad */

    /* 8. Transitions & Motion */
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-soft: cubic-bezier(0.65, 0, 0.35, 1);

    --dur-fast: 200ms;
    --dur-normal: 400ms;
    --dur-slow: 800ms;
    --dur-ambient: 15s;
}