:root {
--font-family-base: "Inter", "Segoe UI", Arial, sans-serif;
--font-family-heading: "Georgia", "Palatino Linotype", "Book Antiqua", serif;
--font-size-base: 16px;

--space-2xs: 0.25rem;
--space-xs: 0.5rem;
--space-sm: 0.75rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2rem;
--space-2xl: 3rem;
--space-3xl: 4rem;
--space-4xl: 6rem;

--radius-sm: 0.375rem;
--radius-md: 0.625rem;
--radius-lg: 0.875rem;
--radius-xl: 1.25rem;

--line-thin: 1px;
--line-regular: 2px;

/* Warm night palette — the bard's torchlit hall */
--color-bg-page: #0c0a14;
--color-bg-surface: #110e1c;
--color-bg-elevated: #1a1528;
--color-bg-soft: #231c35;

/* Text — warm parchment tones */
--color-text-primary: #f0e6d3;
--color-text-secondary: #c4b69a;
--color-text-muted: #8a7e6b;

/* Borders — subtle warmth */
--color-border-default: #2a2240;
--color-border-strong: #3d3260;
--color-border-glow: rgba(232, 180, 76, 0.15);

/* Accent — muse gold */
--color-accent-primary: #e8b44c;
--color-accent-primary-hover: #d4a03a;
--color-accent-contrast: #0c0a14;

/* CTA — warm amber fire */
--color-cta: #e8914c;
--color-cta-hover: #d47a38;
--color-cta-contrast: #0c0a14;

/* Status */
--color-success: #5cb85c;
--color-warning: #e8b44c;
--color-danger: #d4574e;

/* Shadows — warm glow */
--shadow-surface: 0 10px 30px rgba(12, 10, 20, 0.6);
--shadow-glow: 0 0 50px rgba(232, 180, 76, 0.06);
--shadow-card-hover: 0 8px 32px rgba(232, 180, 76, 0.10), 0 0 0 1px rgba(232, 180, 76, 0.15);
--shadow-focus: 0 0 0 3px rgba(232, 180, 76, 0.25);

--tooltip-bg: #110e1c;
--tooltip-text: #f0e6d3;
}