/* press.css — "Elevated v1": keep the warm paper + Fraunces + ochre that worked, and
   raise the craft — atmospheric depth, a confident header with an italic accent, richer
   stat cards (soft fills, accent tick, hover lift), a filled primary action, fine detail.
   Same palette as v1 (proven), distinctiveness comes from composition + detail, not a
   new color. Scoped to body[data-skin="press"] (Words). Light + warm dark via toggle. */

body[data-skin="press"] {
  /* v1 palette, kept */
  --paper: #F5F1E8;
  --paper-raised: #FCFAF4;
  --ink: #1A1916;
  --muted: #6E6A5F;
  --hairline: #E4DFD3;
  --accent: #C2410C;
  --accent-soft: rgba(194, 65, 12, 0.10);
  --success: #5B7A52;
  --success-soft: rgba(91, 122, 82, 0.12);

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-read: "Literata", Georgia, "Times New Roman", serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  color: var(--ink);
  background:
    radial-gradient(120% 70% at 100% -10%, rgba(194, 65, 12, 0.06), transparent 50%),
    radial-gradient(90% 60% at -10% 0%, rgba(91, 122, 82, 0.04), transparent 55%),
    var(--paper);
  background-attachment: fixed;
}
html[data-theme="dark"] body[data-skin="press"] {
  --paper: #16140F; --paper-raised: #1E1B15; --ink: #EDE8DB; --muted: #94907F;
  --hairline: #2A2722; --accent: #E0641F; --accent-soft: rgba(224, 100, 31, 0.16);
  --success: #87A37C; --success-soft: rgba(135, 163, 124, 0.18);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body[data-skin="press"] {
    --paper: #16140F; --paper-raised: #1E1B15; --ink: #EDE8DB; --muted: #94907F;
    --hairline: #2A2722; --accent: #E0641F; --accent-soft: rgba(224, 100, 31, 0.16);
    --success: #87A37C; --success-soft: rgba(135, 163, 124, 0.18);
  }
}

/* faint paper grain for tactility */
body[data-skin="press"]::after {
  content: ""; position: fixed; inset: 0; z-index: 9998; pointer-events: none;
  opacity: 0.03; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

body[data-skin="press"] .topbar,
body[data-skin="press"] .tabbar {
  background: color-mix(in srgb, var(--paper) 84%, transparent);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}

/* ---- header ---- */
body[data-skin="press"] .words-home .reader__kicker {
  color: var(--accent); letter-spacing: 0.24em; text-transform: uppercase; font-size: 0.7rem;
  display: inline-flex; align-items: center; gap: 0.7em;
}
body[data-skin="press"] .words-home .reader__kicker::after {
  content: ""; width: 2.2rem; height: 1px; background: var(--hairline);
}
body[data-skin="press"] .words-home .reader__title {
  font-family: var(--font-display); font-weight: 560;
  font-size: clamp(2.7rem, 1.9rem + 4vw, 4.3rem);
  line-height: 1.0; letter-spacing: -0.02em;
  margin: var(--sp-3) 0 var(--sp-4); max-width: 14ch;
  font-optical-sizing: auto;
}
body[data-skin="press"] .words-home .reader__title .tw-accent {
  color: var(--accent); font-style: italic; font-weight: 500;
}
body[data-skin="press"] .words-home__sub {
  font-family: var(--font-read); color: var(--muted);
  font-size: 1.12rem; line-height: 1.62; max-width: 42ch;
}

/* ---- stat cards: warm, designed, with an accent tick + hover lift ---- */
body[data-skin="press"] .words-home__stats {
  grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); margin: var(--sp-6) 0;
}
body[data-skin="press"] .words-home__stats .stat {
  position: relative; padding: var(--sp-5) var(--sp-4) var(--sp-4);
  border: 1px solid var(--hairline); border-radius: 14px;
  background: linear-gradient(165deg, var(--paper-raised), color-mix(in srgb, var(--paper-raised) 88%, var(--paper)));
  box-shadow: 0 1px 2px rgba(26, 25, 22, 0.04);
  transition: transform var(--dur-1) var(--ease-spring), box-shadow var(--dur-2) var(--ease-out);
  overflow: hidden;
}
body[data-skin="press"] .words-home__stats .stat::before {
  content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 2px;
  background: var(--hairline);
}
body[data-skin="press"] .words-home__stats .stat:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(26, 25, 22, 0.3); }
body[data-skin="press"] .words-home__stats .stat--accent {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--hairline));
  background: linear-gradient(165deg, var(--accent-soft), transparent);
}
body[data-skin="press"] .words-home__stats .stat--accent::before { background: var(--accent); }
body[data-skin="press"] .words-home__stats .stat__n {
  font-family: var(--font-display); font-weight: 560;
  font-size: clamp(2.2rem, 1.5rem + 2.6vw, 3.1rem); line-height: 1; letter-spacing: -0.02em;
}
body[data-skin="press"] .words-home__stats .stat--accent .stat__n { color: var(--accent); }
body[data-skin="press"] .words-home__stats .stat__label {
  color: var(--muted); margin-top: var(--sp-2);
  font-family: var(--font-mono); font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.1em;
}

/* ---- actions: confident filled primary ---- */
body[data-skin="press"] .words-home__actions { gap: var(--sp-3); }
body[data-skin="press"] .review__cta {
  border-radius: 999px; font-family: var(--font-mono); font-size: 0.78rem;
  text-transform: uppercase; letter-spacing: 0.06em;
  padding: 0.8rem 1.5rem; border: 1px solid var(--hairline); color: var(--ink); background: var(--paper-raised);
  transition: transform var(--dur-1) var(--ease-spring), background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);
}
body[data-skin="press"] .review__cta:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-1px); }
body[data-skin="press"] #w-study:not([disabled]) {
  background: var(--accent); color: #FCFAF4; border-color: transparent;
  box-shadow: 0 12px 28px -14px rgba(194, 65, 12, 0.6);
}
body[data-skin="press"] #w-study:not([disabled]):hover { color: #FCFAF4; transform: translateY(-2px); box-shadow: 0 16px 34px -14px rgba(194, 65, 12, 0.7); }
body[data-skin="press"] .review__cta--ghost { background: transparent; color: var(--muted); border-color: var(--hairline); }
body[data-skin="press"] .review__cta--ghost:hover { color: var(--accent); }
body[data-skin="press"] .review__cta[disabled] { opacity: 0.4; }

body[data-skin="press"] .words-home__hint {
  color: var(--muted); font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.05em; opacity: 0.8;
}
body[data-skin="press"] .words-cfg-d__sum:hover { color: var(--accent); }

body[data-skin="press"] .rcard {
  background: var(--paper-raised); border: 1px solid var(--hairline); border-radius: 16px;
  box-shadow: 0 1px 2px rgba(26, 25, 22, 0.05), 0 24px 60px -38px rgba(26, 25, 22, 0.4);
}
body[data-skin="press"] .rcard__word { font-family: var(--font-display); }