/* Field Notes — generated from the design system's tokens.json.
   Do not hand-edit. Change a value in the design system, export, commit. */

:root {
  /* colour — paper theme */
  --paper:        #edefea;
  --paper-raised: #e4e7e0;
  --ink:          #1a1d18;
  --muted:        #5a6056;
  --rule:         #cdd1c7;
  --accent:       #3a4178;
  --accent-ink:   #2b3161;

  /* type families */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* type scale — display sizes are the desktop end of their clamp range */
  --size-name:      54px;
  --size-thesis:    27px;
  --size-section:   31px;
  --size-standing:  16.5px;
  --size-body:      17px;
  --size-body-sm:   15px;
  --size-entry:     16.5px;
  --size-service:   16px;
  --size-kit:       15.5px;
  --size-eyebrow:   11.5px;
  --size-discipline:12.5px;
  --size-label:     11px;
  --size-date:      11.5px;

  /* spacing */
  --space-1:  4px;
  --space-2:  9px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  34px;
  --space-10: 50px;
  --space-12: 68px;

  /* radius */
  --radius-none:  0;
  --radius-focus: 3px;

  /* measure */
  --measure-page:     720px;
  --measure-standing: 30ch;
  --margin-date:      112px;
  --margin-label:     96px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:        #151714;
    --paper-raised: #1c1f1a;
    --ink:          #e9ebe4;
    --muted:        #9aa294;
    --rule:         #2e322b;
    --accent:       #a9b0ea;
    --accent-ink:   #bcc2f2;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --paper:        #151714;
  --paper-raised: #1c1f1a;
  --ink:          #e9ebe4;
  --muted:        #9aa294;
  --rule:         #2e322b;
  --accent:       #a9b0ea;
  --accent-ink:   #bcc2f2;
  color-scheme: dark;
}