/* Kıvılcım — renkler, yazı tipleri ve ölçüler.
   Kimlik: sıcak kâğıt zemin, mürekkep siyahı, kıvılcım turuncusu. Açılış ve kapanış karanlıktır (gece / alacakaranlık). */

@font-face {
  font-family: 'Space Grotesk';
  src: url('assets/space-grotesk.woff2') format('woff2'), url('assets/space-grotesk.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('assets/ibm-plex-mono.woff2') format('woff2'), url('assets/ibm-plex-mono.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

:root {
  --paper: #ece6da;
  --paper-deep: #e1d9c9;
  --ink: #16130f;
  --ink-soft: #5c554b;
  --rule: rgba(22, 19, 15, .16);
  --ember: #e2461d;
  --ember-ink: #b73713; /* Kâğıt üzerindeki küçük turuncu metinler için okunaklı ton. */
  --ember-soft: #f0a07f;
  --night: #14110f;
  --night-ink: #efe7da;
  --night-soft: #a69c8d;

  /* Başlıklar sistemde bulunan serif yazı tipleriyle; dış font indirilmez. */
  --font-display: Georgia, 'Times New Roman', Times, serif;
  --font-body: 'Space Grotesk', 'Segoe UI', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, monospace;

  --gutter: clamp(18px, 4.5vw, 72px);
  --bar-h: 64px;
  --ruler-h: 58px;
  --ease: cubic-bezier(.2, .7, .1, 1);
}