:root {
  --sh-canvas: #f6f5f2;
  --sh-surface: #fbfbf9;
  --sh-ink: #121419;
  --sh-secondary: #626770;
  --sh-muted: #8d9198;
  --sh-hairline: #d9dbde;
  --sh-cobalt: #2757ff;
  --sh-dark: #111318;
  --sh-dark-surface: #181b20;
  --sh-dark-text: #f3f3f0;
  --sh-shadow-float: 0 12px 40px rgba(16, 19, 24, 0.1);
  --sh-shadow-image: 0 36px 64px -22px rgba(16, 19, 24, 0.42), 0 10px 20px -8px rgba(16, 19, 24, 0.22);
  --sh-shadow-panel: 0 28px 56px -24px rgba(16, 19, 24, 0.32), 0 6px 12px -6px rgba(16, 19, 24, 0.12);
  --sh-shadow-card: 0 18px 38px -18px rgba(16, 19, 24, 0.34), 0 3px 8px rgba(16, 19, 24, 0.06);
  --sh-shadow-button: 0 10px 22px -8px rgba(39, 87, 255, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -2px 3px rgba(16, 19, 24, 0.16);
  --sh-shadow-button-light: 0 9px 20px -8px rgba(16, 19, 24, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.7);
  --sh-edge-light: rgba(255, 255, 255, 0.24);
  --sh-light-wash: rgba(255, 255, 255, 0.08);
  --sh-image-shade: rgba(16, 19, 24, 0.86);
  --sh-cobalt-haze: rgba(39, 87, 255, 0.12);
  --sh-hero-shade: rgba(17, 19, 24, 0.78);
  --sh-cobalt-light: #b6c7ff;
  --sh-work-nutragen: #e8e9e3;
  --sh-work-photo: #e7e9ed;
  --sh-work-lekko: #f2e4e5;
  --sh-scrim: #11131888;
  --sh-danger-border: #e2b3aa;
  --sh-danger-text: #a44132;
  --sh-success-text: #326a45;
  --sh-radius-panel: 40px;
  --sh-radius-card: 28px;
  --sh-radius-mobile: 30px;
  --sh-radius-pill: 999px;
  --sh-z-dev-tools: 6;
  --sh-page-gutter: 48px;
  --sh-panel-inset: 48px;
  --sh-panel-pad: 64px;
  --sh-font-sans: "Segoe UI", sans-serif;
  --sh-font-mono: "IBM Plex Mono", ui-monospace, monospace;
}