/* =========================================
   DESIGN TOKENS
========================================= */

:root {
    /* Layout */
    --max-width: 1400px;
    --content-width: 900px;
    --sidebar-width: 260px;

    /* Spacing Scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Font Sizes */
    --text-sm: 13px;
    --text-base: 15px;
    --text-lg: 18px;

    /* Colors (Light Mode Default) */
    /*--bg: #f8fafc;*/
    --bg: #0b1322;
    --surface: #ffffff;
    --header-bg: #ffffff;

    --text: #334155;
    --heading: #0f172a;
    --muted: #64748b;

    --border: #e2e8f0;
    --accent: #4f8cff;
    /*--accent: #3b82f6;*/
    /*--accent: #2563eb;*/

    --code-bg: #000000;
    --code-header: #111111;
}