/* generated by build-dna.mjs — DO NOT EDIT. source: tokens.json (tokens_sha256=426f24887eeee3221fd10756ec78160d36d42bf71f74c63483b57129f06b1b2b) */
:root {
  --color-primary: #00b2ff;
  --color-on-primary: #060b12;
  --color-primary-deep: #0259c9;
  --color-gallery: #eaecea;
  --color-on-gallery: #141414;
  --color-bg: #eff1f1;
  --color-surface: #f9faf9;
  --color-text: #141414;
  --color-muted: #5a5955;
  --color-ink: #141414;
  --color-on-ink: #f5f4f0;
  --color-pigment-1: #9fdefa;
  --color-pigment-2: #68cdf7;
  --color-pigment-3: #15a8f8;
  --color-pigment-4: #0268ef;
  --color-spectrum-1: #00b2ff;
  --color-spectrum-2: #2bd97c;
  --color-spectrum-3: #ffd600;
  --color-spectrum-4: #ff7a1a;
  --color-spectrum-5: #ff3d8a;
  --color-spectrum-6: #8b5cf6;
  --color-neutral-0: #ffffff;
  --color-neutral-1: #f5f4f0;
  --color-neutral-2: #e3e6e5;
  --color-neutral-3: #d3d7d6;
  --color-neutral-4: #e6f7ff;
  --font-primary: 'IBM Plex Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-display-size: 48px;
  --font-display-weight: 600;
  --font-display-lh: 1.3;
  --font-h2-size: 28px;
  --font-h2-weight: 600;
  --font-h2-lh: 1.5;
  --font-h3-size: 21px;
  --font-h3-weight: 600;
  --font-h3-lh: 1.6;
  --font-body-size: 18px;
  --font-body-weight: 400;
  --font-body-lh: 1.95;
  --font-small-size: 14px;
  --font-small-weight: 400;
  --font-small-lh: 1.7;
  --font-code-size: 15px;
  --font-code-weight: 400;
  --font-code-lh: 1.7;
  --space-0: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 72px;
  --space-7: 112px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-provenance: intake/fingerprints/official-site.json radius 4-8px (sm) / canon ガラス板の角 (lg);
  --shadow-lift: 0 30px 60px -36px rgba(2,89,201,.35);
  --shadow-card: 0 1px 0 rgba(255,255,255,.9) inset, 0 12px 32px -24px rgba(20,20,20,.28);
}