/**
 * Impreza Dark Pro — Variables
 * پالت کامل تیره و روشن با متغیرهای CSS
 */

:root {
    /* === رنگ اصلی - نئون === */
    --primary-50: #f0f9ff; --primary-100: #e0f2fe; --primary-200: #bae6fd;
    --primary-300: #7dd3fc; --primary-400: #38bdf8; --primary-500: #00d4ff;
    --primary-600: #00b8d4; --primary-700: #0094b0; --primary-800: #007590; --primary-900: #005c70;

    --secondary-50: #fdf2f8; --secondary-100: #fce7f3; --secondary-200: #fbcfe8;
    --secondary-300: #f9a8d4; --secondary-400: #f472b6; --secondary-500: #ff006e;
    --secondary-600: #db2777; --secondary-700: #be185d; --secondary-800: #9d174d; --secondary-900: #831843;

    --gray-50: #f8fafc; --gray-100: #f1f5f9; --gray-200: #e2e8f0; --gray-300: #cbd5e1;
    --gray-400: #94a3b8; --gray-500: #64748b; --gray-600: #475569; --gray-700: #334155;
    --gray-800: #1e293b; --gray-900: #0f172a;

    --success: #10b981; --danger: #ef4444; --warning: #f59e0b; --info: #3b82f6;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1); --shadow-xl: 0 20px 25px rgba(0,0,0,0.15);

    --p: #3b82f6; --pd: #2563eb;
    --bg: #f8fafc; --w: #ffffff; --b: #e2e8f0;
    --t: #0f172a; --ts: #334155; --tt: #64748b;
    --sb: #eff6ff; --st: #1e40af;
    --rb: #ffffff; --rt: #0f172a;
    --d: #ef4444; --s: #10b981;
    --sh: 0 2px 8px rgba(0,0,0,0.06);
    --ctx-shadow: 0 8px 32px rgba(0,0,0,0.12);
    --r: 10px; --rl: 16px;
    --bbl-shadow: 0 1px 3px rgba(0,0,0,0.06);
    --bbl-sent-bg: linear-gradient(135deg, #3b82f6, #8b5cf6);
    --bbl-sent-text: #fff;
    --bbl-recv-bg: #f1f5f9; --bbl-recv-text: #0f172a;
    --msg-sent-bg: #3b82f6; --msg-sent-text: #fff;
    --msg-received-bg: #f1f5f9; --msg-received-text: #0f172a;

    --primary: var(--primary-500);
    --secondary: var(--secondary-500);
    --accent: var(--primary-500);
}

/* === Dark Mode === */
body.dark-mode {
    --primary-50: #0c4a6e; --primary-100: #075985; --primary-200: #0369a1;
    --primary-300: #0284c7; --primary-400: #38bdf8; --primary-500: #00d4ff;
    --primary-600: #22d3ee; --primary-700: #67e8f9; --primary-800: #a5f3fc; --primary-900: #cffafe;

    --gray-50: #0a0a14; --gray-100: #12121f; --gray-200: #1a1a2e;
    --gray-300: #2a2a45; --gray-400: #3a3a55; --gray-500: #5a5a7a;
    --gray-600: #7a7a9a; --gray-700: #9a9ab0; --gray-800: #c0c0d0; --gray-900: #e0e0f0;

    --bg: #0a0a14; --w: #12121f; --b: #2a2a45;
    --t: #e0e0f0; --ts: #9a9ab0; --tt: #5a5a7a;
    --sb: #1a1a2e; --st: #00d4ff;
    --rb: #12121f; --rt: #e0e0f0;

    --bbl-recv-bg: #1a1a2e; --bbl-recv-text: #e0e0f0;
    --msg-received-bg: #1a1a2e; --msg-received-text: #e0e0f0;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.6);
    --sh: 0 2px 12px rgba(0,0,0,0.4);
}