/* Abstrekkt typography — literary / editorial.
   Fraunces display, Crimson Pro body, JetBrains Mono meta. */

:root {
  /* --- Families --- */
  --font-display: 'Fraunces', 'Times New Roman', Georgia, serif;
  --font-body:    'Crimson Pro', Georgia, 'Times New Roman', serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-fallback:'Inter', system-ui, sans-serif; /* system fallback ONLY, never display */

  /* --- Display scale (Fraunces, opsz 144, tight) --- */
  --display-xxl: 96px;
  --display-xl:  72px;
  --display-lg:  56px;
  --display-md:  40px;
  --display-sm:  30px;

  --display-leading: 1.0;   /* 0.96–1.05 range */
  --display-tracking: -0.02em;
  --display-weight: 400;
  --display-opsz: 144; /* @kind other */

  /* --- Body scale (Crimson Pro) --- */
  --body-lg: 19px;
  --body:    15px;   /* default reading size */
  --body-sm: 13px;
  --body-leading: 1.65;
  --body-weight: 400;

  /* --- Mono / meta (JetBrains Mono kickers, labels) --- */
  --meta:    10px;
  --meta-sm: 9px;
  --meta-tracking: 0.24em; /* 0.22–0.24em */
  --meta-weight: 500;

  /* --- Semantic roles --- */
  --text-display: var(--display-weight) var(--display-lg)/var(--display-leading) var(--font-display);
  --text-heading: 500 var(--display-md)/1.1 var(--font-display);
  --text-copy:    var(--body-weight) var(--body)/var(--body-leading) var(--font-body);
  --text-kicker:  var(--meta-weight) var(--meta)/1 var(--font-mono);
}

/* Fraunces optical-size + soft axes for display type */
.font-display,
:root {
  --fraunces-settings: "opsz" 144, "SOFT" 0, "WONK" 0; /* @kind other */
}