:root {
  --ink: #2c1c10;
  --ink-soft: #2f1e11;
  --olive: #444738;
  --olive-deep: #36392d;
  --stamp: color-mix(in srgb, var(--olive) 88%, var(--paper));
  --charcoal: #36392d;
  --espresso: #25271e;
  --gold: #f2d090;
  --gold-bright: #f2d090;
  --gold-dim: rgba(242, 208, 144, 0.35);
  --ivory: #f0e4ce;
  --ivory-muted: #d0b996;
  --paper: #eee3cb;
  --paper-deep: #e6d5b8;
  --newsprint: #eee3cb;
  --paper-tooth: url("../assets/images/paper.webp");
  --paper-grain: 150px;
  --line: rgba(56, 36, 22, 0.28);
  --line-ink: rgba(56, 36, 22, 0.28);
  --mark-rule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 10' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23140c08' stroke-width='1.4' stroke-linecap='round' d='M1 6.2 C 48 8.4, 96 3.6, 148 6.1 S 250 8.8, 322 5.4 S 380 7.2, 399 5.8'/%3E%3Cpath fill='none' stroke='%23140c08' stroke-width='0.7' stroke-linecap='round' opacity='0.42' d='M4 6.8 C 70 4.2, 140 8, 220 5.6 S 340 8.2, 396 5.4'/%3E%3C/svg%3E");
  --mark-rule-soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 28' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23140c08' stroke-width='0.95' stroke-linecap='round' opacity='0.34' d='M0 25.8 C 70 24, 150 27.2, 230 25.4 S 340 27.4, 400 25.6'/%3E%3C/svg%3E");
  --mark-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23140c08' stroke-width='1.55' stroke-linejoin='round' stroke-linecap='round' d='M3.4 3.6 C 7.8 2.5, 16.6 2.7, 20.7 3.9 C 21.7 5.2, 21.4 18.8, 20.2 20.5 C 16.4 22.2, 7.2 21.7, 3.7 20.2 C 2.3 18.8, 2.4 5.6, 3.4 3.6 Z'/%3E%3C/svg%3E");
  --mark-box-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23140c08' stroke-width='1.55' stroke-linejoin='round' stroke-linecap='round' d='M3.4 3.6 C 7.8 2.5, 16.6 2.7, 20.7 3.9 C 21.7 5.2, 21.4 18.8, 20.2 20.5 C 16.4 22.2, 7.2 21.7, 3.7 20.2 C 2.3 18.8, 2.4 5.6, 3.4 3.6 Z'/%3E%3Cpath stroke='%23140c08' stroke-width='1.7' stroke-linecap='round' d='M7.1 7.4 L 16.6 16.8'/%3E%3Cpath stroke='%23140c08' stroke-width='1.45' stroke-linecap='round' d='M16.8 7.1 L 7.4 17'/%3E%3C/svg%3E");
  --mark-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10' fill='none'%3E%3Cpath stroke='%23140c08' stroke-width='1.35' stroke-linecap='round' d='M1.4 2.2 C 4.2 4.8, 7.2 7.6, 8.1 8.1 C 9.4 6.6, 12.2 4.2, 14.6 2.4'/%3E%3Cpath stroke='%23140c08' stroke-width='0.7' stroke-linecap='round' opacity='0.45' d='M2.2 2.8 C 5 5.2, 7.6 7.2, 8.2 7.6 C 9.6 6.2, 12 4.4, 14 3'/%3E%3C/svg%3E");

  --font-script: "Carattere", cursive;
  --font-script-soft: "Carattere", cursive;
  --font-display: "Cinzel", serif;
  --font-news: "Playfair Display", "Times New Roman", serif;
  --font-body: "Newsreader", "Georgia", serif;
  --font-fell: "IM Fell English", "Georgia", serif;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 5.6rem;
  --page-gutter: clamp(1.25rem, 5vw, 4.5rem);
  --issue-inset: 1;
  --issue-veil: 1;
}

@property --issue-inset {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

@property --issue-veil {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}