:root {
  --abk-ink: #10363A;
  --abk-ink-soft: #1D5454;
  --abk-mint: #4AA982;
  --abk-mint-soft: #E3F4EC;
  --abk-gold: #E39B48;
  --abk-sand: #FFF8ED;
  --abk-surface: #FFFFFF;
  --abk-surface-muted: #F5F8F6;
  --abk-text: #173639;
  --abk-text-muted: #557074;
  --abk-line: #D7E3DF;
  --abk-focus: #CE7B1D;
  --abk-container: 1120px;
  --abk-section-space: 64px;
  --abk-hero-space: 72px;
  --abk-grid-gap: 18px;
  --abk-body-size: 16px;
  --abk-radius-pill: 999px;
  --abk-radius-button: 12px;
  --abk-radius-card: 20px;
  --abk-radius-visual: 32px;
  --abk-shadow-card: 0 12px 28px rgb(16 54 58 / 8%);
  --abk-shadow-hover: 0 18px 36px rgb(16 54 58 / 13%);
}