/* ==========================================================================
   AI Conversation Analyzer — Design Tokens
   ========================================================================== */

/* ===========================
   CSS Variables / Design Tokens
   =========================== */

:root {
    --bg: #0a0e14;
    --bg-2: #0d1117;
    --surface: #151b23;
    --surface-2: #1c2333;
    --surface-3: #232d3f;
    --border: #2a3346;
    --border-light: #1e2a3a;
    --text: #e6edf3;
    --text-secondary: #b1bac4;
    --muted: #768390;
    --muted-dim: #484f58;
    --primary: #58a6ff;
    --primary-hover: #79c0ff;
    --primary-bg: rgba(88, 166, 255, 0.08);
    --primary-border: rgba(88, 166, 255, 0.25);
    --green: #3fb950;
    --green-bg: rgba(63, 185, 80, 0.08);
    --amber: #d29922;
    --amber-bg: rgba(210, 153, 34, 0.08);
    --red: #f85149;
    --red-bg: rgba(248, 81, 73, 0.08);
    --purple: #bc8cff;
    --purple-bg: rgba(188, 140, 255, 0.08);
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
    --container: 1200px;
    --nav-height: 72px;
    --transition: 0.25s ease;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}