:root {

  --color-bg: #f6f5f2;
  --color-text: #111113;
  --color-muted: #6b6b66;
  --surface: #fbfaf8;
  --surface-2: #efeeea;
  --line: #dedcd6;
  --accent: #111113;
  --accent-ink: #f7f7f5;
  --select: #1f9d55;
  --select-bg: #eaf7f0;
  --danger: #c92a2a;
  --star: #e5a33c;

  --sp-xs: 0.25rem;
  --sp-s: 0.5rem;
  --sp-m: 0.75rem;
  --sp-l: 1rem;
  --sp-xl: 1.5rem;
  --sp-2xl: 2.5rem;
  --sp-3xl: 4rem;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3.25rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(17, 17, 19, 0.05), 0 8px 24px rgba(17, 17, 19, 0.06);
  --control-h: 2.75rem;
}