:root {
  /* Colors */
  --color-background: #fafafa;
  --color-surface: #ffffff;
  --color-text-primary: #111111;
  --color-text-secondary: #667085;
  --color-border: #e5e7eb;
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-error: #b42318;

  /* Typography */
  --font-sans:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --line-height-tight: 0.98;
  --line-height-snug: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.65;

  /* Spacing scale */
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;

  /* Layout */
  --container-width: 1200px;
  --container-padding: 24px;
  --header-height: 80px;

  /* Radius */
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;

  /* Shadows */
  --shadow-soft: 0 1px 2px rgba(17, 17, 17, 0.04);

  /* Motion */
  --transition-fast: 200ms ease;
  --transition-base: 300ms ease;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}