:root {
  --color-bg-card: #161b22;
  --color-text-primary: #ffffff;
  --color-text-secondary: #e2e8f0;
  --color-text-muted: #94a3b8;
  --color-text-subtle: #64748b;
  --color-accent: #1d9bf0;
  --color-accent-hover: #1a8cd8;
  --color-focus-ring: var(--color-accent);
  --color-danger: #ef4444;
  --color-border-subtle: rgb(255 255 255 / 10%);

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-sans);

  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-2xl: 1.5rem;
  --text-4xl: 2.25rem;

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-relaxed: 1.625;

  --font-semibold: 600;
  --font-bold: 700;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-12: 3rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 35%);

  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;

  --container-max: 72rem;
  --container-padding-x: var(--space-5);

  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}