/*noinspection CssUnresolvedCustomProperty*/
:root {
    --color-white: #fff;
    --color-black: #000;
    --color-bg: var(--mud-palette-background);
    --color-surface: var(--mud-palette-surface);
    --color-border: var(--mud-palette-lines-default);
    --color-text: var(--mud-palette-text-primary);
    --color-muted: var(--mud-palette-text-secondary);
    --color-accent: var(--mud-palette-primary);
    --color-accent-hi: var(--mud-palette-primary-lighten);
    --color-beskar-gold: var(--color-accent);
    --color-danger: var(--mud-palette-error);
    --color-success: var(--mud-palette-success);
    --color-appbar-bg: var(--mud-palette-appbar-background);
    --color-appbar-text: var(--mud-palette-appbar-text);
    --color-secondary: var(--mud-palette-secondary);
    --color-tertiary: var(--mud-palette-tertiary);
    --color-appbar-text-selected: #c8a560;
    

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;

    --container-max: 1200px;
    --appbar-height: 64px;

    --font-h1: clamp(1.75rem, 1.2rem + 2vw, 2.75rem);
    --font-body: 1rem;
    --line-height-body: 1.55;
}