@layer tokens {
  :root {
    --color-white: oklch(100% 0 0);
    --color-ink: oklch(18% 0.01 90);
    --color-yellow: oklch(84% 0.18 95);
    --color-yellow-soft: oklch(95% 0.055 95);
    --color-paper: oklch(99% 0.004 90);
    --color-line: oklch(93% 0.006 90);
    --color-gray-bg: oklch(96% 0.004 250);
    --color-blue: oklch(35% 0.09 250);
    --color-blue-soft: oklch(91% 0.035 250);
    --color-blue-muted: oklch(69% 0.045 250);
    --color-blue-text: oklch(39% 0.055 250);
    --color-text-2: oklch(45% 0.006 90);
    --color-text-3: oklch(51% 0.006 90);
    --color-text-strong: oklch(34% 0.006 90);
    --color-text-light: oklch(66% 0.004 90);
    --color-border-strong: oklch(82% 0.004 90);
    --color-input-border: oklch(88% 0.004 90);
    --color-text-mid: oklch(40% 0.006 90);
    --color-decorative-gray: oklch(95% 0.004 90);
    --color-yellow-pale: oklch(96% 0.06 95);
    --color-link-hover: oklch(52% 0.11 90);
    --color-focus: oklch(45% 0.14 250);
  }
}