/* Quietfield tokens — GENERATED from DESIGN.md by build-tokens.py. Do not edit by hand. */
:root {
  /* color */
  --color-primary: #141414;
  --color-canvas: #ffffff;
  --color-wash: #f7f8fa;
  --color-ink: #141414;
  --color-ink-soft: #555b64;
  --color-ink-mute: #6f757e;
  --color-line: #e5e7eb;
  --color-line-strong: #cdd1d8;
  --color-accent: #1557ff;
  --color-accent-hover: #0c3fc4;
  --color-accent-soft: #eef3ff;
  --color-on-fill: #ffffff;
  --color-success: #147553;
  --color-warning: #9a5800;
  --color-danger: #b42318;
  --color-domain-indigo: #2b2f9e;
  --color-domain-teal: #0f5f63;
  --color-domain-clay: #8f3a1f;
  --color-domain-moss: #2f5d34;
  --color-domain-indigo-soft: #eef0ff;
  --color-domain-teal-soft: #e7f3f3;
  --color-domain-clay-soft: #fdefe9;
  --color-domain-moss-soft: #ecf4ed;
  --color-night: #0b0d12;
  --color-night-surface: #141820;
  --color-night-line: #262b35;
  --color-night-ink: #f3f5f7;
  --color-night-ink-soft: #a8b0bd;
  --color-night-accent: #7aa2ff;

  /* type */
  --font-sans: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, SF Pro Display, Apple SD Gothic Neo, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --type-display-xl: 500 4rem/1.04 var(--font-sans);
  --tracking-display-xl: -0.055em;
  --type-display-lg: 500 3rem/1.08 var(--font-sans);
  --tracking-display-lg: -0.048em;
  --type-h1: 550 2.25rem/1.16 var(--font-sans);
  --tracking-h1: -0.036em;
  --type-h2: 550 1.5rem/1.28 var(--font-sans);
  --tracking-h2: -0.026em;
  --type-h3: 550 1.125rem/1.36 var(--font-sans);
  --tracking-h3: -0.018em;
  --type-body-lg: 400 1.0625rem/1.68 var(--font-sans);
  --tracking-body-lg: -0.008em;
  --type-body-md: 400 0.9375rem/1.66 var(--font-sans);
  --tracking-body-md: -0.006em;
  --type-body-sm: 400 0.8125rem/1.6 var(--font-sans);
  --type-label: 550 0.8125rem/1.4 var(--font-sans);
  --type-eyebrow: 600 0.6875rem/1.2 var(--font-sans);
  --tracking-eyebrow: 0.085em;
  --type-utility: 400 0.75rem/1.5 var(--font-mono);

  /* shape + space */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-full: 9999px;
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* elevation */
  --elev-lift: 0 1px 2px rgba(20,20,20,.04), 0 8px 24px rgba(20,20,20,.06);
  --elev-overlay: 0 4px 12px rgba(20,20,20,.10), 0 24px 64px rgba(20,20,20,.16);
  --focus-ring: 0 0 0 3px rgba(21,87,255,.22);

  /* motion */
  --dur-state: 120ms;
  --dur-transition: 200ms;
  --dur-entrance: 320ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in: cubic-bezier(.4,0,1,1);
  --ease-in-out: cubic-bezier(.4,0,.2,1);

  /* layout */
  --container: 1180px;
  --container-read: 720px;
}