:root {
  --palette-hue: 210;
  --palette-hue-rotate-by: 0;
  --palette-chroma: 1;
  --font-size-h1: 3.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.1rem;
  --font-size-h6: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xs: 0.75rem;
  --border-color: #e5e7eb;
  --border-radius: 0.75rem;
  --border-width: 1px;
  --field-border-color: #cbd5e1;
  --field-border-radius: 0.15rem;
  --field-border-width: 1px;
  --button-border-radius: 0.15rem;
}

:root[data-theme="dark"] {
  --palette-hue: 210;
  --palette-hue-rotate-by: 0;
  --palette-chroma: 1;
  --font-size-h1: 3.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.1rem;
  --font-size-h6: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xs: 0.75rem;
  --border-color: #334155;
  --border-radius: 0.75rem;
  --border-width: 1px;
  --field-border-color: #334155;
  --field-border-radius: 0.15rem;
  --field-border-width: 1px;
  --button-border-radius: 0.15rem;
}