/* Core base styles kept here for quick overrides and critical layout */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    /* preserved variable references so components.css can rely on them */
    --bg-1: #fbf5ea;
    --bg-2: #f0e6d6;
    --accent-1: #c0392b;
    --accent-2: #d35400;
    --accent-3: #27ae60;
    --muted: #5d4037;
    --card: #fffaf2;
    --glass: rgba(255,255,255,0.6);
    --shadow: rgba(34,20,10,0.08);
}

body {
    font-family: 'Special Elite', 'Playfair Display', Georgia, serif;
    background:
        linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 60%),
        repeating-linear-gradient(0deg, rgba(0,0,0,0.02) 0 1px, transparent 1px 4px);
    color: #2a210f;
    min-height: 100vh;
    overflow-y: auto;
    padding-top: 84px; /* keep space for fixed index */
    font-size: 18px;
    background-attachment: fixed;
    position: relative;
    padding-bottom: 100px;
}

/* Keep small essential helpers for printing and layout that must load early */
/* Print helpers: when printing a single section (body.printing .print-only-temp) rules */
@media print {
    body.printing * { display: none !important; }
    body.printing .print-only-temp { display: block !important; }
    body.printing .print-only-temp * { display: block !important; }
    body.printing, body.printing .print-only-temp {
        background: white !important;
        color: #000 !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.printing .print-only-temp {
        padding: 18px !important;
    }
}

/* Tombstone: moved many styles to components.css for maintainability */
// removed: full CSS blocks for ad banners, sections, items, print rules, galleries, index, and all component styles
// removed function styles: .ads-banner {}, .ad-image {}, .container {}, .game-section {}, .questions {}, .columns {}, .column {}, .item {}, .status {}, .info-cards-section {}, .info-card {}, .three-columns {}, .neon-title {}, .auth-images {}, .index {}, .opinions-box {}, .debate-section {}, .retro-* theme rules, responsive media queries, and many more.
// removed large blocks retained in components.css for modular editing.