/* =================================================================
   EuroThrills Core — shared base (duplicate-safe)
   Brand tokens + reset + containers + buttons, lifted verbatim from
   the design's blog.css so widgets render branded even under another
   theme. Safe to duplicate alongside the theme's style.css tokens.
   ================================================================= */
: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;
  --display: 'Instrument Serif', 'Times New Roman', serif;
  --font-sans: 'Outfit', system-ui, sans-serif;
  --et-logo-red: #E1251B;
  --et-logo-blue: #1E40A8;
  --et-chrome: 111px;
}

/* Background-tone tweak */
body.bg-warm {
  --et-bg: #F5F1EA;
  --et-cream: #FAF6EE;
  --et-cream-2: #EFE8DB;
  --et-line: #E7E0D2;
  --et-line-2: #D8CFBC;
}
/* Bold look tweak — Alpine Red leads, Glacier Blue accents */
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;
}

/* Reset — scoped lightly so it doesn't fight the host theme/editor. */
.et-scope, .et-scope * { box-sizing: border-box; }
.et-scope img { display: block; max-width: 100%; }
.et-scope a { color: inherit; text-decoration: none; }
.et-scope button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
::selection { background: var(--et-brand); color: #fff; }

/* Containers */
.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; }

/* Buttons (shared across header, blog and article areas) */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: 8px; font-size: 14px; font-weight: 600; transition: all .15s ease; white-space: nowrap; }
.btn svg { width: 15px; height: 15px; }
.btn-primary { background: var(--et-brand); color: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 0.1), inset 0 1px 0 rgb(255 255 255 / 0.15); }
.btn-primary:hover { background: var(--et-brand-darker); }
.btn-ghost { color: var(--et-ink-3); }
.btn-ghost:hover { background: var(--et-cream-2); color: var(--et-ink); }
.btn-outline { border: 1px solid var(--et-line-2); color: var(--et-ink-2); background: #fff; }
.btn-outline:hover { border-color: var(--et-ink-3); background: var(--et-cream); }
.btn-lg { height: 52px; padding: 0 24px; font-size: 15.5px; border-radius: 10px; }
.btn-block { width: 100%; }

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

/* ===== Auto last-word accent ===== */
em.title-last {
  font-family: 'Instrument Serif', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  color: var(--et-accent, #E1251B);
  letter-spacing: -0.01em;
}