/* Copied from brand/design/tokens (Claude Design). Regenerate: cat brand/design/tokens/{colors,typography,spacing}.css > sites/mishri/tokens.css */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Instrument+Sans:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap");
:root {
  --ground: #F4F4F2;
  --paper: #ECECE7;
  --ink: #111213;
  --muted: #6B6D72;
  --graphite: #55575C;
  --hairline: #DCDCD8;
  --hairline-strong: #C9C8C1;
  --night: #0D0E0F;
  --night-ink: #EDEDE8;
  --night-muted: #9C9EA1;
  --night-hairline: #2A2C2E;
  --signal: #E4471C;

  --surface-page: var(--ground);
  --surface-card: var(--paper);
  --surface-inverse: var(--night);
  --text-primary: var(--ink);
  --text-secondary: var(--muted);
  --text-secondary-on-paper: var(--graphite);
  --text-inverse: var(--night-ink);
  --text-inverse-secondary: var(--night-muted);
  --border-subtle: var(--hairline);
  --border-default: var(--hairline-strong);
  --border-inverse: var(--night-hairline);
  --marker: var(--signal);
}
:root {
  --font-display: 'Archivo', 'Helvetica Neue', sans-serif;
  --font-body: 'Instrument Sans', 'Helvetica Neue', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;

  --display-weight: 800;
  --display-width: 87.5%;
  --display-width-tight: 80%;
  --display-tracking: -0.02em;
  --display-leading: 0.9;

  --body-weight: 400;
  --body-leading: 1.45;

  --label-size: 11px;
  --label-tracking: 0.14em;
  --label-weight: 400;

  --text-label: 11px;
  --text-small: 13px;
  --text-body: 16px;
  --text-lead: 20px;
  --text-h3: 32px;
  --text-h2: 48px;
  --text-h1: 104px;
  --text-display: 148px;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --space-6: 96px;

  --radius: 0;
  --border-width: 1px;
  --tick-size: 11px;
  --marker-size: 8px;

  --motion-fade: 900ms;
  --motion-ease: ease;
}