/* XeniaMind design system — tokens
   Generated from the Quire bundle shipped with the clickable mockup
   (_ds/quire-8ea66646-4fee-4a41-943c-809ba5eb1266/_ds_bundle.css).
   These are the source of truth; tailwind.preset.js mirrors them for Tailwind
   consumers. Values are duplicated in the two files by necessity — change both. */

:root {
  /* colour */
  --paper: #FBFBF9;
  --surface: #FFFFFF;
  --inset: #F3F4F1;
  --ink: #1B1D1E;
  --ink-2: #4C5153;
  --ink-3: #666C70;
  --rule: #DEDFDA;
  --rule-2: #EDEEEA;
  --cite: #2F5D50;
  --flag: #9A450F;
  --cite-tint: #E4EDE9;
  --flag-tint: #F7E9E0;
  --accent: var(--cite);
  --accent-tint: var(--cite-tint);
  --second: var(--flag);
  --second-tint: var(--flag-tint);

  /* family */
  --f-serif: 'Spectral', Georgia, 'Times New Roman', serif;
  --f-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* type */
  --display: clamp(2.625rem,7vw,4.75rem);
  --display-lh: 1.08;
  --heading-03: 2.25rem;
  --heading-03-lh: 2.75rem;
  --heading-02: 1.5rem;
  --heading-02-lh: 2rem;
  --body-long: 1.25rem;
  --body-long-lh: 2rem;
  --body-short: 1.125rem;
  --body-short-lh: 1.75rem;
  --label-02: 1rem;
  --label-02-lh: 1.25rem;
  --label-01: 0.875rem;
  --label-01-lh: 1.125rem;
  --numeral-01: 3rem;
  --numeral-01-lh: 3.5rem;
  --p-display: clamp(2.25rem,5.5vw,3.375rem);
  --p-heading-03: 1.75rem;
  --p-heading-03-lh: 2.25rem;
  --p-heading-02: 1.25rem;
  --p-heading-02-lh: 1.75rem;
  --p-body-long: 1.125rem;
  --p-body-long-lh: 1.75rem;
  --p-body-short: 1rem;
  --p-body-short-lh: 1.5rem;
  --p-label-02: 0.875rem;
  --p-label-02-lh: 1.125rem;
  --p-label-01: 0.75rem;
  --p-label-01-lh: 1rem;
  --p-numeral-01: 2.625rem;
  --p-numeral-01-lh: 3rem;
  --measure: 64ch;
  --display: var(--p-display);
  --heading-03: var(--p-heading-03);
  --heading-03-lh: var(--p-heading-03-lh);
  --heading-02: var(--p-heading-02);
  --heading-02-lh: var(--p-heading-02-lh);
  --body-long: var(--p-body-long);
  --body-long-lh: var(--p-body-long-lh);
  --body-short: var(--p-body-short);
  --body-short-lh: var(--p-body-short-lh);
  --label-02: var(--p-label-02);
  --label-02-lh: var(--p-label-02-lh);
  --label-01: var(--p-label-01);
  --label-01-lh: var(--p-label-01-lh);
  --numeral-01: var(--p-numeral-01);
  --numeral-01-lh: var(--p-numeral-01-lh);

  /* space */
  --sp-01: 0.125rem;
  --sp-02: 0.25rem;
  --sp-03: 0.5rem;
  --sp-04: 0.75rem;
  --sp-05: 1rem;
  --sp-06: 1.5rem;
  --sp-07: 2rem;
  --sp-08: 2.5rem;
  --sp-09: 3rem;
  --layout-01: 4rem;
  --layout-02: 6rem;
  --layout-03: 7.5rem;

  /* other */
  --radius: 0;
  --shadow: none;
  --motion: 120ms linear;
}