/**
 * Наследие драконов — shared design tokens (guest landing + game UI).
 * Palette: warm sand / parchment (light theme).
 * @see docs/ui-client.md
 */
:root {
    color-scheme: light;

    /* Canonical palette — sand & parchment */
    --amulet-bg: #ebe0cc;
    --amulet-bg-soft: #f5ead8;
    --amulet-panel-solid: #fff9f0;
    --amulet-panel-gradient: linear-gradient(180deg, #fffbf5 0%, #f3e6d0 100%);
    --amulet-border: #c9b08a;
    --amulet-border-soft: #dcc9a8;
    --amulet-text: #3b2e1e;
    --amulet-muted: #7a6648;
    --amulet-gold: #9a6b1f;
    --amulet-accent: #b45309;
    --amulet-accent-orange: #c2410c;
    --amulet-accent-orange-from: #9a3412;
    --amulet-accent-orange-to: #ea580c;
    --amulet-purple-bg: #b45309;
    --amulet-warn: #b45309;
    --amulet-ok: #15803d;
    --amulet-err: #b91c1c;
    --amulet-input-bg: rgba(255, 255, 255, 0.92);
    --amulet-hp-from: #c2410c;
    --amulet-hp-to: #ea580c;
    --amulet-mp-from: #0f766e;
    --amulet-mp-to: #14b8a6;

    /* Glass / overlay surfaces (light sand) */
    --amulet-glass-header: rgba(255, 248, 235, 0.94);
    --amulet-glass-header-strong: rgba(255, 248, 235, 0.98);
    --amulet-glass-panel: rgba(255, 252, 245, 0.92);
    --amulet-glass-panel-soft: rgba(255, 250, 240, 0.88);
    --amulet-glass-panel-deep: rgba(245, 230, 205, 0.92);
    --amulet-glass-input: rgba(255, 255, 255, 0.94);
    --amulet-glass-badge: rgba(255, 245, 225, 0.95);
    --amulet-border-glass: rgba(180, 150, 110, 0.38);
    --amulet-border-glass-strong: rgba(160, 130, 90, 0.58);
    --amulet-accent-soft: rgba(180, 100, 30, 0.14);
    --amulet-accent-ring: rgba(180, 83, 9, 0.32);
    --amulet-accent-ring-strong: rgba(180, 83, 9, 0.55);
    --amulet-shadow-md: rgba(90, 65, 35, 0.14);
    --amulet-gradient-glow: rgba(210, 160, 90, 0.22);
    --amulet-hero-scrim-h: linear-gradient(90deg, rgba(239, 227, 207, 0.96) 0%, rgba(239, 227, 207, 0.78) 42%, rgba(239, 227, 207, 0.42) 100%);
    --amulet-hero-scrim-v: linear-gradient(180deg, rgba(239, 227, 207, 0.15) 0%, rgba(239, 227, 207, 0.94) 100%);
    --amulet-cta-section: radial-gradient(circle at top, rgba(210, 160, 90, 0.18), transparent 55%),
        linear-gradient(180deg, rgba(245, 235, 215, 0.5), rgba(235, 224, 204, 0.98));

    --amulet-serif: Georgia, "Times New Roman", serif;
    --amulet-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --amulet-game-hud-height: 72px;

    /* Game UI aliases */
    --bg: var(--amulet-bg);
    --panel-solid: var(--amulet-panel-solid);
    --panel: var(--amulet-panel-solid);
    --border: var(--amulet-border-soft);
    --border-soft: var(--amulet-border);
    --text: var(--amulet-text);
    --gold: var(--amulet-gold);
    --accent: var(--amulet-accent);
    --muted: var(--amulet-muted);
    --warn: var(--amulet-warn);
    --ok: var(--amulet-ok);
    --err: var(--amulet-err);
    --input-bg: var(--amulet-input-bg);
    --btn-primary-from: var(--amulet-accent-orange-from);
    --btn-primary-to: var(--amulet-accent-orange-to);
    --hp-from: var(--amulet-hp-from);
    --hp-to: var(--amulet-hp-to);
    --mp-from: var(--amulet-mp-from);
    --mp-to: var(--amulet-mp-to);
    --serif: var(--amulet-serif);
    --sans: var(--amulet-sans);
    --game-hud-height: var(--amulet-game-hud-height);

    /* Landing aliases */
    --landing-bg: var(--amulet-bg);
    --landing-bg-soft: var(--amulet-bg-soft);
    --landing-panel: var(--amulet-panel-gradient);
    --landing-panel-solid: var(--amulet-panel-solid);
    --landing-border: var(--amulet-border);
    --landing-border-soft: var(--amulet-border-soft);
    --landing-text: var(--amulet-text);
    --landing-muted: var(--amulet-muted);
    --landing-gold: var(--amulet-gold);
    --landing-purple: var(--amulet-accent);
    --landing-purple-bg: var(--amulet-purple-bg);
    --landing-accent: var(--amulet-accent-orange);
    --landing-accent-from: var(--amulet-accent-orange-from);
    --landing-accent-to: var(--amulet-accent-orange-to);
    --landing-serif: var(--amulet-serif);
    --landing-sans: var(--amulet-sans);
}