/* ============================================================
   THEME: Rose Elegance  (redesigned)
   Warm cream/blush base, deep rose & amber accents.
   Serif display, ornate but airy.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600;1,700&family=Jost:wght@400;500;600;700&display=swap');

:root {
    --bg-base:       #faf4ef;
    --surface-base:  #fff9f6;
    --surface-muted: #f5ebe3;
    --surface-hover: #eedad0;
    --header-bg:     rgba(250, 244, 239, 0.92);
    --hero-bg:       linear-gradient(155deg, #fff4ee 0%, #fde8dc 55%, #fdd4c4 100%);
    --footer-bg:     #f0e0d6;

    --text-primary:   #261410;
    --text-secondary: #6a3626;
    --text-muted:     #a07060;

    --border-subtle: rgba(160, 80, 60, 0.13);

    --accent-primary:   #a03a28;
    --accent-secondary: #c8855a;

    --btn-primary-bg:           #a03a28;
    --btn-primary-text:         #fff9f6;
    --btn-primary-shadow:       0 4px 14px rgba(160, 58, 40, 0.32);
    --btn-primary-shadow-hover: 0 6px 22px rgba(160, 58, 40, 0.48);

    --chip-bg:   rgba(160, 58, 40, 0.08);
    --input-bg:  #fff9f6;

    --card-bg:           #fff9f6;
    --card-border:       1px solid rgba(160, 80, 60, 0.15);
    --card-shadow-hover: 0 12px 32px rgba(160, 58, 40, 0.13);

    --badge-bg:   #a03a28;
    --badge-text: #fff9f6;

    --error-bg:   rgba(200, 50, 30, 0.09);
    --error-text: #b03020;

    --font-display:  'Cormorant Garamond', 'Georgia', serif;
    --font-body:     'Jost', sans-serif;
    --logo-weight:   700;
    --logo-tracking: -0.01em;

    --radius-sm:   4px;
    --radius-md:   10px;
    --radius-lg:   16px;
    --radius-pill: 999px;
}

.game-card { box-shadow: 0 1px 6px rgba(160,58,40,0.07); }
.game-card:hover { border-color: rgba(160,58,40,0.3) !important; }

h1, h2, h3, .game-card__title, .site-logo, .section__head h2, .broadcast-popup__title {
    font-family: var(--font-display);
}
.site-logo { color: var(--accent-primary); font-style: italic; letter-spacing: 0; }

.hero::before {
    content: '';
    position: absolute;
    right: -2%; top: 0; bottom: 0;
    width: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Ccircle cx='150' cy='150' r='120' fill='none' stroke='%23e8a090' stroke-width='0.8' stroke-dasharray='8 5' opacity='0.35'/%3E%3Ccircle cx='150' cy='150' r='80' fill='none' stroke='%23e8a090' stroke-width='0.8' stroke-dasharray='5 8' opacity='0.25'/%3E%3Ccircle cx='150' cy='150' r='40' fill='none' stroke='%23e8a090' stroke-width='0.8' opacity='0.2'/%3E%3C/svg%3E") center/contain no-repeat;
    opacity: 0.4;
    pointer-events: none;
}
.site-header { box-shadow: 0 1px 0 rgba(160,58,40,0.10); }
.auth-card { box-shadow: 0 4px 24px rgba(160,58,40,0.10); }