@import url("styles-base.css");

:root {
    --bg: #0d0b06;
    --fg: #fff4cf;
    --accent: #e8ca5b;
    --accent-dark: #8a6f1b;
    --surface: #221a09;
    --surface-alt: #2b210c;
    --danger: #ff8080;
    --font-family-base: Arial, Helvetica, sans-serif;
    --heading-weight: 900;
    --panel-radius: 24px;
    --panel-shadow: 0 20px 44px rgba(0, 0, 0, 0.55);
    --overlay-backdrop: rgba(0, 0, 0, 0.82);
    --overlay-panel-radius: 24px;
    --overlay-panel-bg: linear-gradient(90deg, rgba(8, 8, 8, 0.88) 0%, rgba(18, 18, 18, 0.92) 52%, rgba(28, 28, 28, 0.9) 100%);
    --overlay-panel-shadow: 0 20px 44px rgba(0, 0, 0, 0.55);
    --overlay-error-border: rgba(255, 128, 128, 0.7);
    --overlay-spinner-glow: rgba(235, 213, 13, 0.38);
    --overlay-spinner-stroke-a: rgba(255, 238, 140, 0.82);
    --overlay-spinner-stroke-b: rgba(235, 213, 13, 0.9);
    --overlay-spinner-stroke-c: rgba(235, 213, 13, 0.45);
    --overlay-stat-bg: rgba(15, 15, 15, 0.5);
    --overlay-stat-radius: 14px;
    --overlay-stat-border: rgba(235, 213, 13, 0.24);
    --overlay-label-color: #f5e8a8;
    --overlay-progress-label-color: #efe4b7;
    --overlay-progress-track: rgba(13, 13, 13, 0.68);
    --overlay-progress-fill: var(--accent);
    --overlay-progress-gradient-start: #b79a10;
    --overlay-progress-gradient-end: #ebd50d;
    --overlay-link-color: #f7ecbc;
}

body {
    background: radial-gradient(circle at top, rgba(232, 202, 91, 0.18), transparent 55%), var(--bg);
}