:root {
  --color-ink: #1C1C1B;
  --color-ink-2: #232322;
  --color-gray-700: #3F3F3E;
  --color-gray-500: #6F6F6E;
  --color-gray-400: #ABABAA;
  --color-line: #CBCBCA;
  --color-line-soft: #E8E8E7;
  --color-surface: #F5F5F4;
  --color-white: #FFFFFF;
  --color-blue: #005CA8;
  --color-blue-hover: #004A87;
  --color-blue-light: #4C9FDB;
  --color-blue-tint: #EFF6FC;
  --color-blue-tint-line: #7AB4DC;
  --color-blue-tint-border: #DCEAF5;

  --font-heading: 'Jost', sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --radius-control: 2px;
  --radius-card: 0;
  --transition-standard: 120ms cubic-bezier(0.2, 0, 0, 1);

  --page-max-width: 1320px;
  --page-padding-x: 24px;

  --section-padding-normal: 48px;
  --section-padding-closing: 64px;
}