/* Cosmic Cine dark theme. Only explicitly marked components adopt it. */
@import url('./css_components.css?v=20261008-special-offer-1');
[data-cc-theme="dark"] {
  --cc-ui-color-scheme: dark;
  --cc-ui-bg: #070d0e;
  --cc-ui-text: #f4f3eb;
  --cc-ui-muted: #b8c9c8;
  --cc-ui-accent: #79dcd7;
  --cc-ui-line: #ffffff24;
  --cc-ui-focus: #e9d6aa;
  --cc-ui-register-field: #f5f8f8;
  --cc-ui-register-ink: #132e37;
  --cc-ui-register-border: #afc3c7;
  --cc-ui-register-tab: #ffffff08;
  --cc-ui-register-active: #e7f2ee;
  --cc-ui-register-active-text: #17313a;
  --cc-ui-register-check: #ffa740;
  /* Shared Dark glass: 72–82% coverage with a gentle blur to soften background detail. */
  --cc-ui-glass-backdrop: blur(6px);
  --cc-ui-glass-background: radial-gradient(at top left,#ffffff12,transparent 60%),linear-gradient(145deg,rgba(34,59,62,.72),rgba(16,35,38,.82));
  --cc-ui-glass-border: #b9dad338;
  --cc-ui-glass-shadow: 0 20px 65px #0004,inset 0 1px #fff3;
  --cc-ui-cta-background: linear-gradient(180deg,#ffb966,#fd982b);
  --cc-ui-cta-border: #ffc483;
  --cc-ui-cta-text: #20272a;
  --cc-ui-cta-shadow: 0 10px 25px #0004,inset 0 1px 0 #ffffff80;
}

/* Opt-in offer surfaces derived from Willkommen. Existing glass cards are unchanged. */
[data-cc-theme="dark"] .cc-ui-special-offer {
  --cc-ui-special-background: radial-gradient(circle at 82% 12%,rgba(185,154,128,.20),transparent 28%),linear-gradient(150deg,rgba(185,154,128,.54),rgba(16,19,22,.96) 44%,rgba(16,18,20,.96));
  --cc-ui-special-border: rgba(185,154,128,.38);
  --cc-ui-special-shadow: 0 12px 48px #0003,inset 0 1px #ffffff14;
}
[data-cc-theme="dark"] .cc-ui-special-offer--yearly {
  --cc-ui-special-background: radial-gradient(circle at 18% 0%,rgba(0,194,199,.30),transparent 34%),linear-gradient(150deg,rgba(36,177,187,.64),rgba(18,22,24,.96) 44%,rgba(14,15,17,.96));
  --cc-ui-special-border: rgba(0,194,199,.58);
  --cc-ui-special-shadow: 0 0 42px rgba(0,194,199,.14),inset 0 1px #ffffff20;
}
[data-cc-theme="dark"] .cc-ui-story-panel {
  --cc-ui-story-background: radial-gradient(circle at 15% 15%,rgba(0,194,199,.16),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),rgba(255,255,255,.018);
  --cc-ui-story-border: #ffffff14;
  --cc-ui-story-shadow: 0 0 70px rgba(0,194,199,.07);
}