/* Dramaland 2.0 — wspólny system wizualny */
:root {
    --dl-bg: #071920;
    --dl-bg-deep: #032033;
    --dl-bg-soft: #0d3139;
    --dl-surface: rgba(12, 43, 51, 0.88);
    --dl-cream: #fee9ce;
    --dl-gold: #d9a441;
    --dl-gold-light: #ffd485;
    --dl-text: #f7efe4;
    --dl-text-soft: rgba(247, 239, 228, 0.72);
    --dl-border: rgba(217, 164, 65, 0.28);
    --dl-radius-sm: 10px;
    --dl-radius-md: 16px;
    --dl-radius-lg: 24px;
    --dl-shadow-card: 0 18px 42px rgba(0, 0, 0, 0.24);
    --dl-shadow-popover: 0 24px 60px rgba(0, 0, 0, 0.46);
    --dl-container: 1240px;
}

html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body { margin: 0; color: var(--dl-text); background: var(--dl-bg); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
a, button { -webkit-tap-highlight-color: transparent; }

.dl-container {
    width: min(calc(100% - 32px), var(--dl-container));
    margin-inline: auto;
}

.dl-home section { position: relative; }
.dl-home-section-heading { gap: 24px; }
.dl-home-section-heading h2 { text-wrap: balance; }
.dl-home-section-description { max-width: 720px; color: var(--dl-text-soft); }

:where(a, button, summary, input, select, textarea):focus-visible {
    outline: 2px solid var(--dl-gold-light) !important;
    outline-offset: 3px;
}

.dl-site-header { isolation: isolate; }
.dl-header-toggle { touch-action: manipulation; }
body.dl-mobile-menu-open { overflow: hidden; }

@media (max-width: 760px) {
    .dl-container { width: min(calc(100% - 22px), var(--dl-container)); }
    .dl-home-section-heading { align-items: flex-start; }
    .dl-home-section-heading h2 { font-size: clamp(28px, 8.8vw, 40px); line-height: 1.08; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}