/*
|--------------------------------------------------------------------------
| WebholeInk — Dark Theme
|--------------------------------------------------------------------------
| This file defines ONLY CSS variables.
| Layout, spacing, and structure live in style.css
| Do not put selectors in this file.
|--------------------------------------------------------------------------
*/

:root {
    /* Base colors */
    --bg: #0b0f14;
    --fg: #e5e7eb;
    --muted: #9ca3af;

    /* Accents */
    --accent: #60a5fa;
    --accent-hover: #3b82f6;

    /* Borders & surfaces */
    --border: #1f2937;
    --surface: #0f172a;

    /* Code & pre */
    --code-bg: #020617;
    --code-fg: #e5e7eb;

    /* Links */
    --link: #60a5fa;
    --link-hover: #93c5fd;

    /* Nav */
    --nav-bg: #020617;
    --nav-fg: #e5e7eb;
    --nav-border: #1f2937;

    /* Headings */
    --h1: #f9fafb;
    --h2: #f3f4f6;
    --h3: #e5e7eb;

    /* Status / callouts (future-safe) */
    --success: #22c55e;
    --warning: #facc15;
    --danger:  #ef4444;
}