/**
 * Dark theme
 *
 * Overrides the semantic surface tokens defined in base.css.
 * Load this file after base.css to activate the dark theme:
 *
 *   <link rel="stylesheet" href="/v1/base.css">
 *   <link rel="stylesheet" href="/v1/themes/dark.css">
 *
 * Colour reference: homelab-landing-page dark theme (neutral grey scale).
 */
:root {
    /* Page / app background */
    --bg: #1a202c;

    /* Card / panel surfaces */
    --surface-1: #2d3748;   /* primary card background        */
    --surface-2: #4a5568;   /* elevated card / input bg       */
    --surface-3: #718096;   /* hover state, nested surfaces   */

    /* Borders */
    --border: #4a5568;
    --border-subtle: #2d3748;

    /* Text */
    --text-primary: #f7fafc;
    --text-secondary: #cbd5e0;
    --text-muted: #a0aec0;

    /* Overlay / drawer */
    --overlay-bg: var(--surface-1);
    --overlay-shadow: rgba(0, 0, 0, 0.5);
}