/* =====================================================================
   Jensen OS — Editorial Design System (self-contained deploy build)
   Fonts self-hosted; no external CDN calls.
   ===================================================================== */

@font-face {
  font-family: "Source Serif 4";
  src: url("fonts/SourceSerif4-Roman.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("fonts/SourceSerif4-Italic.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("fonts/InterTight-Roman.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("fonts/InterTight-Italic.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* COLOR — six tokens */
  --paper:         #F7F4ED;
  --paper-shade:   #F1EDE3;
  --ink:           #1A1A1A;
  --ink-secondary: #6B6B68;
  --rule:          #D8D2C3;
  --accent:        #6B2C2C;
  --workpaper:     #ECE7DA;

  /* TYPEFACES */
  --serif: "Source Serif 4", "Iowan Old Style", "Charter", Georgia, serif;
  --sans:  "Inter Tight", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --mono:  "SF Mono", Menlo, Consolas, monospace;

  --body-size:    11.5pt;
  --body-leading: 1.55;
}

.editorial,
.editorial *,
.editorial *::before,
.editorial *::after { box-sizing: border-box; }

.editorial {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--serif);
  font-feature-settings: "kern" 1, "liga" 1, "onum" 1;
  -webkit-font-smoothing: antialiased;
}

/* ---------------------------------------------------------------------
   Interaction helpers — compiled from Design-Canvas style-hover / style-active.
   .dc-btn   : bordered call-to-action links
   .dc-link  : inline italic links
   --------------------------------------------------------------------- */
.dc-btn,
.dc-link { transition: opacity 120ms ease, color 120ms ease, border-color 120ms ease; }
.dc-btn:hover,
.dc-link:hover { opacity: 0.65; }
.dc-btn:active { color: var(--accent); border-color: var(--accent); opacity: 1; }
.dc-link:active { color: var(--accent); opacity: 1; }