/* Shared ASGARD palette, typography and spacing. */
:root {
    --bg-1: #141414;
    --bg-2: #1b1b1b;
    --bg-3: #242424;
    --bg-4: #303030;
    --panel: #1b1b1b;
    --panel-hover: #242424;
    --line: #343434;
    --line-strong: #505050;
    --text: #ededed;
    --text-secondary: #b8b8b8;
    --text-tertiary: #a0a0a0;
    --cyan: #d0d0d0;
    --emerald: #75c99b;
    --amber: #dfbb77;
    --red: #f08c8c;
    --violet: #bcbcbc;
    --blue: #c4c4c4;
    --gold-1: #b8b8b8;
    --gold-2: #dedede;
    --gold-3: #ededed;
    --grad-gold: #dedede;
    --shadow-sm: 0 1px 2px #0003;
    --shadow-md: 0 4px 12px #0003;
    --shadow-lg: 0 8px 24px #0003;
    --radius-sm: 3px;
    --radius-md: 4px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --gap-sm: 8px;
    --gap-md: 16px;
    --gap-lg: 24px;
    --gap-xl: 32px;
    --transition: 0.2s ease;
    --grad-primary: #dedede;
    --grad-success: #75c99b;
    --grad-danger: #f08c8c;
    --grad-cool: #dedede;
    --bronze-1: #949494;
    --bronze-2: #b8b8b8;
    --bronze-3: #dedede;
    --font-display: var(--font-body);
    --font-body: 'Segoe UI', Arial, sans-serif;
    --font-mono: Consolas, 'Courier New', monospace;
    --body: var(--font-body);
    --display: var(--font-body);
    color-scheme: dark;
    --bg: #141414;
    --bg-panel: #1b1b1b;
    --text-primary: var(--text);
    --text-2: var(--text-secondary);
    --text-3: var(--text-tertiary);
    --border: var(--line);
    --border-subtle: var(--line);
    --gold-dim: #808080;
    --green: #75c99b;
    --grad-gold-soft: #303030;
}