/* Presentation only. Lottery numbers, wave colors, content and behavior stay unchanged. */
:root {
    --skin-bg: #dce9e4;
    --skin-glow: #f5fffb;
    --skin-main: #087565;
    --skin-dark: #064e46;
    --skin-light: #21a390;
    --skin-accent: #e4f9b3;
    --skin-line: #93bdb0;
    --skin-paper: #f2faf6;
    --skin-tint: #dbeee5;
    --skin-shadow: #073d2d20;
    --skin-radius: 16px;
}

body[data-frontend-theme] {
    background: radial-gradient(ellipse at 50% 0, var(--skin-glow), transparent 650px), var(--skin-bg);
    color: #24212a;
}
body[data-frontend-theme] .site-shell,
body[data-frontend-theme] .history-shell {
    border-color: var(--skin-line);
    background: var(--skin-paper);
    box-shadow: 0 0 32px var(--skin-shadow);
}
body[data-frontend-theme] .site-header {
    border-color: var(--skin-dark);
    background: linear-gradient(115deg, transparent 45%, #ffffff12 45% 58%, transparent 58%), linear-gradient(180deg, var(--skin-light), var(--skin-main) 55%, var(--skin-dark));
    box-shadow: inset 0 2px #ffffff66, inset 0 -3px var(--skin-accent);
}
body[data-frontend-theme] .portal-text-mark {
    color: #fff;
    -webkit-text-stroke: 1px var(--skin-dark);
    text-shadow: 1px 2px var(--skin-dark);
}
body[data-frontend-theme] .brand-motto strong { color: var(--skin-accent); text-shadow: 0 1px var(--skin-dark); }
body[data-frontend-theme] .brand-seal { border-color: var(--skin-accent); color: var(--skin-main); background: var(--skin-paper); box-shadow: inset 0 0 0 3px #fff, 0 2px 6px #0003; }
body[data-frontend-theme] .lottery-tabs { border-color: var(--skin-line); background: var(--skin-tint); }
body[data-frontend-theme] .lottery-tabs .lottery-tab {
    border: 2px solid var(--skin-line);
    border-radius: var(--skin-radius);
    background: linear-gradient(#fff, var(--skin-paper));
    color: var(--skin-main);
    box-shadow: inset 0 1px #fff, 0 2px 3px var(--skin-shadow);
}
body[data-frontend-theme] .lottery-tabs .lottery-tab.is-active {
    border-color: var(--skin-accent);
    background: linear-gradient(var(--skin-light), var(--skin-main));
    color: #fff;
    box-shadow: inset 0 0 0 1px #fff6, 0 2px 4px var(--skin-shadow);
}
body[data-frontend-theme] .sticky-masthead { border-bottom-color: var(--skin-line); box-shadow: 0 3px 8px var(--skin-shadow); }
body[data-frontend-theme] .compact-results { border-color: var(--skin-main); }
body[data-frontend-theme] .compact-number-list { background: var(--skin-line); }
body[data-frontend-theme] .portal-date-bar,
body[data-frontend-theme] .site-footer { border-color: var(--skin-dark); background: linear-gradient(135deg, var(--skin-main), var(--skin-dark)); color: #fff; }
body[data-frontend-theme] .site-footer strong,
body[data-frontend-theme] .site-footer b { color: var(--skin-accent); }
body[data-frontend-theme] .page-builder-visual-table {
    border-color: var(--skin-line);
    border-radius: var(--skin-radius);
    box-shadow: 0 3px 10px var(--skin-shadow);
}
body[data-frontend-theme] .page-builder-visual-table__content thead th { background: linear-gradient(135deg, var(--skin-dark), var(--skin-light)); }
body[data-frontend-theme] .page-builder-visual-table__content tbody td { border-color: var(--skin-line); }
body[data-frontend-theme] .page-builder-visual-table__content tbody tr:nth-child(even) > td { background-color: var(--skin-paper); }
body[data-frontend-theme] .lottery-panel { border-color: var(--skin-line); box-shadow: 0 2px 5px var(--skin-shadow); }
body[data-frontend-theme] .lottery-panel .draw-heading { background: var(--skin-tint); border-color: var(--skin-line); }
body[data-frontend-theme] .lottery-panel .draw-heading strong { color: var(--skin-dark); }
body[data-frontend-theme] .lottery-panel .draw-refresh-button { border-color: var(--skin-line); color: var(--skin-dark); background: #fff; }
body[data-frontend-theme] .draw-footer { background: var(--skin-paper); }
body[data-frontend-theme] .countdown b,
body[data-frontend-theme] .back-to-top { background: var(--skin-main); color: #fff; }
body[data-frontend-theme] .back-to-top { border-radius: var(--skin-radius); border-color: var(--skin-line); }
body[data-frontend-theme] .history-topbar { background: var(--skin-main); }
body[data-frontend-theme] .history-controls { border-color: var(--skin-line); background: var(--skin-paper); }
body[data-frontend-theme] .history-lottery-switch { border-color: var(--skin-line); }
body[data-frontend-theme] .history-lottery-switch a,
body[data-frontend-theme] .history-filter-button { background: #fff; border-color: var(--skin-line); }
body[data-frontend-theme] .history-lottery-switch a.is-active,
body[data-frontend-theme] .history-filter-button.is-active,
body[data-frontend-theme] .history-filter-reset { background: var(--skin-main); border-color: var(--skin-main); color: #fff; }
body[data-frontend-theme] .history-year-switch { background: var(--skin-tint); }
body[data-frontend-theme] .history-year-switch a,
body[data-frontend-theme] .history-year-switch button { background: var(--skin-main); }
body[data-frontend-theme] .history-year-switch a.is-active { background: #fff; color: var(--skin-dark); box-shadow: inset 0 0 0 1px var(--skin-line); }
body[data-frontend-theme] .history-list-heading,
body[data-frontend-theme] .history-footer { background: var(--skin-paper); }
body[data-frontend-theme] .history-list-heading strong,
body[data-frontend-theme] .history-footer a { color: var(--skin-main); }
body[data-frontend-theme] .article-detail { border-color: var(--skin-line); }
body[data-frontend-theme] .article-kicker--blue,
body[data-frontend-theme] .article-actions a { background: var(--skin-paper); color: var(--skin-main); border-color: var(--skin-line); }
body[data-frontend-theme] :is(button, a):focus-visible { outline: 2px solid var(--skin-accent); outline-offset: 2px; }