/* ==========================================================================
   Design Tokens & CSS Variables
   Portfolio Workspace (amirf147.github.io)
   ========================================================================== */

:root {
    /* VS Code Dark+ / Antigravity Dark Syntax Theme */
    --bg-color: #0d1117;
    --text-color: #c9d1d9;
    --heading-color: #f0f6fc;
    --subtitle-color: #8b949e;
    --accent-color: #58a6ff;
    --border-color: #30363d;
    --divider-color: #21262d;
    --status-bg: #161b22;
    --status-text: #8b949e;
    --status-live-bg: rgba(46, 160, 67, 0.18);
    --status-live-text: #56d364;
    --btn-bg: #161b22;
    --btn-border: #30363d;
    --btn-text: #c9d1d9;
    --btn-hover-bg: #21262d;
    --btn-hover-border: #58a6ff;
    --tag-num: #79c0ff;
    --menu-bg: #161b22;
    --menu-border: #30363d;
    --focus-ring: #58a6ff;

    /* Syntax Tokens */
    --syntax-repo: #d2a8ff;
    --syntax-sha-bg: #1f242c;
    --syntax-sha-border: #30363d;
    --syntax-sha-text: #7ee787;
    --live-dot-color: #3fb950;

    /* Voice UI Tokens (Dark) */
    --vui-hud-bg: rgba(22, 27, 34, 0.85);
    --vui-hud-border: #30363d;
    --vui-hud-glow: rgba(88, 166, 255, 0.3);
    --vui-active-mic: #f85149;
    --vui-wave-color: #58a6ff;
    --vui-chip-bg: #21262d;
    --vui-chip-border: #30363d;
    --vui-chip-hover: #388bfd;
}

[data-theme="light"] {
    /* Warm Paper / Parchment Theme (Editorial & Soothing) */
    --bg-color: #f7f4ed;
    --text-color: #292524;
    --heading-color: #1c1917;
    --subtitle-color: #57534e;
    --accent-color: #0954b5;
    --border-color: #ded7c9;
    --divider-color: #ebe4d7;
    --status-bg: #ede7db;
    --status-text: #57534e;
    --status-live-bg: rgba(22, 101, 52, 0.12);
    --status-live-text: #15803d;
    --btn-bg: #fffdfa;
    --btn-border: #ded7c9;
    --btn-text: #292524;
    --btn-hover-bg: #eee8dc;
    --btn-hover-border: #0954b5;
    --tag-num: #064893;
    --menu-bg: #fffdfa;
    --menu-border: #ded7c9;
    --focus-ring: #1d4ed8;

    /* Syntax Tokens */
    --syntax-repo: #6b21a8;
    --syntax-sha-bg: #ede7db;
    --syntax-sha-border: #ded7c9;
    --syntax-sha-text: #15803d;
    --live-dot-color: #16a34a;

    /* Voice UI Tokens (Warm Paper Light) */
    --vui-hud-bg: rgba(247, 244, 237, 0.94);
    --vui-hud-border: #ded7c9;
    --vui-hud-glow: rgba(9, 84, 181, 0.2);
    --vui-active-mic: #c22929;
    --vui-wave-color: #0954b5;
    --vui-chip-bg: #ede7db;
    --vui-chip-border: #ded7c9;
    --vui-chip-hover: #0954b5;
}

[data-theme="high-contrast"] {
    /* Modern Multi-Color High Contrast (WCAG AAA Compliant) */
    --bg-color: #000000;
    --text-color: #ffffff;
    --heading-color: #ffffff;
    --subtitle-color: #d4d4d4;
    --accent-color: #ffff00;
    --border-color: #ffff00;
    --divider-color: #555555;
    --status-bg: #000000;
    --status-text: #ffffff;
    --status-live-bg: #000000;
    --status-live-text: #00ff00;
    --btn-bg: #000000;
    --btn-border: #ffff00;
    --btn-text: #ffff00;
    --btn-hover-bg: #1a1a00;
    --btn-hover-border: #ffff00;
    --tag-num: #ffff00;
    --menu-bg: #000000;
    --menu-border: #ffff00;
    --focus-ring: #ffff00;

    /* Syntax Tokens for High Scannability */
    --syntax-repo: #00ffff; /* Electric Cyan (16.6:1 contrast ratio) */
    --syntax-sha-bg: #000000;
    --syntax-sha-border: #00ff00;
    --syntax-sha-text: #00ff00; /* Electric Lime Green (15.3:1 contrast ratio) */
    --live-dot-color: #00ff00;

    /* Voice UI Tokens (High Contrast) */
    --vui-hud-bg: #000000;
    --vui-hud-border: #ffff00;
    --vui-hud-glow: rgba(255, 255, 0, 0.4);
    --vui-active-mic: #00ff00;
    --vui-wave-color: #ffff00;
    --vui-chip-bg: #000000;
    --vui-chip-border: #ffff00;
    --vui-chip-hover: #00ffff;
}