:root {
    /* Colors: Backgrounds */
    --bg-body: #0a0a0a;
    --bg-card: #171717;
    --bg-header: rgba(15, 15, 15, 0.8);
    --bg-button: #262626;
    --bg-button-hover: #404040;
    --bg-warning: #1a1410;

    /* Colors: Text */
    --text-main: #e5e5e5;      /* Headings */
    --text-body: #a3a3a3;      /* Standard text */
    --text-muted: #737373;     /* Less important text */
    --text-accent: #d4d4d4;    /* Logo, Button text */
    --text-footer: #525252;
    --text-warning: #d6d3d1;

    /* Colors: Borders & Lines */
    --border-main: #262626;
    --border-light: #1f1f1f;
    --border-hover: #404040;
    --border-button-hover: #525252;
    --border-note: #525252;
    --border-warning: #78716c;
    --grid-stroke: rgba(115, 115, 115, 0.08);

    /* Fonts */
    --font-sans: 'Inter', sans-serif;
    --font-mono: 'SF Mono', Monaco, monospace;

    /* Layout & Spacing */
    --max-width: 1280px;
    --radius-md: 0.75rem;
    --radius-sm: 0.5rem;
    
    /* Layout: Docs Specific */
    --sidebar-width: 250px;
    --content-width: 800px;
}