@import url("../NeonGoat/theme.css");

:root {
    --tgb-bg: #070b12;
    --tgb-surface: #0d1420;
    --tgb-surface-2: #121c2a;
    --tgb-surface-3: #182232;
    --tgb-border: rgba(96, 165, 250, 0.22);
    --tgb-border-strong: rgba(147, 197, 253, 0.4);
    --tgb-text: #e6edf7;
    --tgb-muted: #9aa9bd;
    --tgb-accent: #3b82f6;
    --tgb-accent-soft: #93c5fd;
    --tgb-link: #7dd3fc;
    --tgb-link-hover: #dbeafe;
    --tgb-danger: #fb7185;
    --tgb-shadow: 0 18px 44px rgba(0, 0, 0, 0.48);
    --theme-panel-tint: rgba(59, 130, 246, 0.06);
    --theme-chip-bg: rgba(148, 163, 184, 0.12);
    --theme-menu-active-bg: rgba(59, 130, 246, 0.14);
    --theme-button-bg: #13233a;
    --theme-button-hover-text: #06101e;
}

body { background: radial-gradient(circle at 10% 0%, rgba(59, 130, 246, 0.14), transparent 30rem), var(--tgb-bg); }
h1, h2, h3 { color: var(--tgb-accent-soft); }
.content-frame { border-color: var(--tgb-border-strong); }
.content-frame::before { border-color: rgba(147, 197, 253, 0.2); }
button, input[type="submit"], .button { background: var(--theme-button-bg); border-color: var(--tgb-accent); color: var(--tgb-accent-soft); }
button:hover, input[type="submit"]:hover, .button:hover { background: var(--tgb-accent); color: var(--theme-button-hover-text); }
input, textarea, select { background: var(--tgb-surface-3); border-color: var(--tgb-border-strong); color: var(--tgb-text); }
th { background: #1c2738; }