/* ============================================
   🐍 پایتون‌باز آرکید — توکن‌های طراحی
   ============================================ */

:root,
[data-theme="dark"] {
    color-scheme: dark;

    /* پس‌زمینه و سطوح */
    --bg-deep: #0b0f19;          /* عمق صفحه */
    --bg-body: #0e1424;          /* بدنه */
    --bg-panel: rgba(16, 24, 44, 0.85);  /* پنل‌ها و کارت‌ها */
    --bg-panel-solid: #121a30;
    --bg-inset: #0a0f1c;         /* ورودی‌ها و ترمینال */
    --bg-hover: rgba(255, 212, 59, 0.06);

    /* متن */
    --text-primary: #eef2ff;
    --text-secondary: #9aa7c7;
    --text-muted: #5b6b8c;

    /* نئون‌ها */
    --neon-yellow: #ffd43b;
    --neon-green: #22c55e;
    --neon-purple: #a855f7;
    --neon-pink: #ff4d8d;
    --neon-blue: #38bdf8;
    --neon-red: #f43f5e;
    --neon-orange: #fb923c;

    /* معانی */
    --accent: var(--neon-yellow);
    --accent-2: var(--neon-green);
    --success: var(--neon-green);
    --danger: var(--neon-red);
    --warning: var(--neon-orange);
    --info: var(--neon-blue);

    /* گلوها */
    --glow-yellow: rgba(255, 212, 59, 0.45);
    --glow-green: rgba(34, 197, 94, 0.45);
    --glow-purple: rgba(168, 85, 247, 0.45);
    --glow-red: rgba(244, 63, 94, 0.45);

    /* سایه‌ها */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);
    --shadow-neon: 0 0 24px var(--glow-yellow);

    /* گوشه‌ها */
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-full: 999px;

    /* فونت‌ها */
    --font-ui: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;

    /* فاصله‌ها */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* حرکت */
    --transition-fast: 150ms ease;
    --transition: 250ms ease;
    --transition-slow: 400ms cubic-bezier(0.22, 1, 0.36, 1);

    /* لایه‌بندی */
    --z-nav: 100;
    --z-modal: 200;
    --z-toast: 300;
    --z-confetti: 400;

    /* کدبلاک */
    --code-bg: #0a0e18;
    --code-border: rgba(255, 212, 59, 0.18);
    --code-text: #d7e3ff;
    --code-keyword: #ff7b72;
    --code-string: #a5d6ff;
    --code-number: #79c0ff;
    --code-comment: #6b7a9e;
    --code-function: #7ee787;
    --code-output: #7ee787;

    /* گرید/اسکن‌لاین */
    --scanline-opacity: 0.04;
}

[data-theme="light"] {
    color-scheme: light;

    --bg-deep: #e8edf7;
    --bg-body: #f2f5fb;
    --bg-panel: rgba(255, 255, 255, 0.85);
    --bg-panel-solid: #ffffff;
    --bg-inset: #e9edf6;
    --bg-hover: rgba(255, 183, 0, 0.08);

    --text-primary: #131a2a;
    --text-secondary: #45536e;
    --text-muted: #7d8aa5;

    /* نئون‌ها — نسخه‌های تیره‌تر و اشباع‌شده برای پس‌زمینه روشن */
    --neon-yellow: #B45309;
    --neon-green: #047857;
    --neon-purple: #7C3AED;
    --neon-pink: #BE185D;
    --neon-blue: #1D4ED8;
    --neon-red: #BE123C;
    --neon-orange: #C2410C;

    /* گلوها — شدت کمتر در حالت روشن */
    --glow-yellow: rgba(180, 83, 9, 0.15);
    --glow-green: rgba(4, 120, 87, 0.15);
    --glow-purple: rgba(124, 58, 237, 0.15);
    --glow-red: rgba(190, 18, 60, 0.15);

    --shadow-sm: 0 2px 8px rgba(20, 30, 60, 0.08);
    --shadow: 0 8px 24px rgba(20, 30, 60, 0.12);
    --shadow-lg: 0 16px 48px rgba(20, 30, 60, 0.16);
    --shadow-neon: 0 0 8px var(--glow-yellow);

    --code-bg: #ffffff;
    --code-border: rgba(120, 140, 180, 0.25);
    --code-text: #1e2a44;
    --code-keyword: #cf222e;
    --code-string: #0a3069;
    --code-number: #0550ae;
    --code-comment: #6e7781;
    --code-function: #116329;
    --code-output: #116329;

    --scanline-opacity: 0;
}