:root {
  --c-bg: #ffffff;
  --c-surface: #f4f4f4;
  --c-surface-2: #e9e9e9;
  --c-surface-3: #d6d6d6;
  --c-line: #d0d0d0;
  --c-line-strong: #0a0a0a;
  --c-text: #0a0a0a;
  --c-muted: #595959;
  --c-inverse: #0a0a0a;
  --c-inverse-2: #1c1c1c;
  --c-on-inverse: #ffffff;
  --c-on-inverse-muted: #b8b8b8;
  --c-control: #858585;
  --c-disabled-bg: #ececec;
  --c-disabled-text: #8a8a8a;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --fs-xs: 0.8125rem;
  --fs-s: 0.9375rem;
  --fs-m: 1rem;
  --fs-l: 1.25rem;
  --fs-xl: 1.5625rem;
  --fs-2xl: 1.9375rem;
  --fs-3xl: 2.4375rem;
  --fs-4xl: 3.0625rem;

  --lh-body: 1.5;
  --lh-head: 1.2;
  --lh-hero: 1.15;

  --s-half: 4px;
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 40px;
  --s-6: 48px;
  --s-8: 64px;
  --s-10: 80px;
  --s-12: 96px;

  --r: 8px;
  --r-s: 4px;
  --h-control: 48px;
  --h-control-s: 40px;
  --container: 1280px;
  --gutter: 24px;
  --header-h: 72px;

  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
}