/* GrandNodeCom - one dark look, no light mode (spec 5.1). */
:root {
    --gnc-bg: #07090c;
    --gnc-surface: #0d1218;
    --gnc-surface-2: #121922;
    --gnc-line: #1a2028;
    --gnc-ink: #e8eef2;
    --gnc-muted: #a7b3bd;
    --gnc-accent: #17d7e5;
    --gnc-accent-soft: rgba(23, 215, 229, .15);
    --gnc-on-accent: #04262a;
    /* form fields: the border is a boundary users must see (WCAG 1.4.11, >= 3:1 against the page and card surfaces) */
    --gnc-field-bg: #111820;
    --gnc-field-border: #5f6e7c;
    --gnc-field-placeholder: #7d8a96;
    --gnc-glow: radial-gradient(ellipse at 70% 0%, rgba(23, 215, 229, .22), transparent 60%);
    --gnc-radius: 12px;
    --gnc-radius-sm: 8px;
    --gnc-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
    --gnc-mono: "Geist Mono", ui-monospace, Consolas, monospace;
    --gnc-max: 1200px;
    --gnc-gutter: 16px;

    /* Bootstrap 5.3 dark variables the stock views read */
    --bs-body-bg: var(--gnc-bg);
    --bs-body-color: var(--gnc-ink);
    --bs-secondary-color: var(--gnc-muted);
    --bs-border-color: var(--gnc-line);
    --bs-link-color: var(--gnc-accent);
    --bs-link-hover-color: #7eeef5;
    --bs-font-sans-serif: var(--gnc-font);
    --bs-font-monospace: var(--gnc-mono);
}

[data-bs-theme="dark"] {
    --bs-body-bg: var(--gnc-bg);
    --bs-body-color: var(--gnc-ink);
    --bs-tertiary-bg: var(--gnc-surface);
    --bs-secondary-bg: var(--gnc-surface-2);
    --bs-border-color: var(--gnc-line);
    --bs-link-color: var(--gnc-accent);
    --bs-link-color-rgb: 23, 215, 229;
}