:root {
  --color-secondary: #6b7280;
  --color-secondary-hover: #4b5563;
  --color-background: #ffffff;
  --color-contrast: oklch(from var(--color-background) calc(l + (0.5 - l) * 0.12) c h);
  --color-border: oklch(from var(--color-background) max(calc(l + (0.5 - l) * 0.14), 0.3) c h);
  --color-text: #111827;
  --color-text-muted: #6b7280;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --border-radius: 0.5rem;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}