/* =================================================================
   EuroThrills — base tokens + reset (shared handle: eurothrills-base)
   Duplicate-safe copy of the :root brand tokens so the block/Elementor
   editor and the plugin's widgets (which depend on this handle) inherit
   brand styling without depending on the theme's style.css load order.
   Mirrors style.css — keep the two in sync.
   ================================================================= */
:root {
  --et-ink: #1A1A1A;
  --et-ink-2: #2A2A2A;
  --et-ink-3: #555555;
  --et-mute: #888888;
  --et-mute-2: #B4B4B4;
  --et-line: #E6E6E6;
  --et-line-2: #D6D6D6;
  --et-paper: #FFFFFF;
  --et-bg: #F5F7FB;
  --et-cream: #FAFBFD;
  --et-cream-2: #EDF1F8;
  --et-brand: #1E40A8;
  --et-brand-deep: #162D72;
  --et-brand-darker: #18338C;
  --et-deep: #162D72;
  --et-deep-2: #0E1F52;
  --et-accent: #E1251B;
  --et-link: #1E40A8;
  --et-hot: #E1251B;
  --et-hot-bg: #FCE5E3;
  --et-warn: #8A5B14;
  --et-warn-bg: #FBEED0;
  --et-ok: #2F5C3A;
  --et-ok-bg: #E3EEDE;
  --font-sans: 'Outfit', system-ui, -apple-system, sans-serif;
  --display: 'Instrument Serif', 'Times New Roman', serif;
  --et-logo-red: #E1251B;
  --et-logo-blue: #1E40A8;
  --et-chrome: 111px;
}

body.bg-warm {
  --et-bg: #F5F1EA;
  --et-cream: #FAF6EE;
  --et-cream-2: #EFE8DB;
  --et-line: #E7E0D2;
  --et-line-2: #D8CFBC;
}
body.mode-bold {
  --et-brand: #E1251B;
  --et-brand-deep: #B91C16;
  --et-brand-darker: #C11A12;
  --et-link: #E1251B;
  --et-accent: #1E40A8;
  --et-hot: #E1251B;
  --et-hot-bg: #FCE5E3;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans, 'Inter', system-ui, sans-serif);
  color: var(--et-ink);
  background: var(--et-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 17.5px;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
img { display: block; max-width: 100%; }
::selection { background: var(--et-brand); color: #fff; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.container-wide { max-width: 1440px; margin: 0 auto; padding: 0 32px; }
.container-read { max-width: 1180px; margin: 0 auto; padding: 0 32px; }

@media (max-width: 720px) {
  .container, .container-wide, .container-read { padding: 0 20px; }
}