:root {
  color-scheme: light;

  --color-base-100: var(--background-color-content);
  --color-base-200: var(--background-color);
  --color-base-300: var(--background-color-grey);
  --color-base-content: var(--text-color);
  --color-primary: var(--primary-color);
  --color-primary-content: var(--text-color-contrast);
  --color-secondary: var(--secondary-color);
  --color-secondary-content: var(--text-color-contrast);
  --color-accent: var(--info-color);
  --color-accent-content: var(--text-color-contrast);
  --color-neutral: var(--text-color);
  --color-neutral-content: var(--background-color-content);
  --color-info: var(--info-color);
  --color-info-content: var(--text-color-contrast);
  --color-success: var(--success-color);
  --color-success-content: var(--text-color-contrast);
  --color-warning: var(--warning-color);
  --color-warning-content: var(--text-color);
  --color-error: var(--error-color);
  --color-error-content: var(--text-color-contrast);
  --color-black: var(--grey-9);

  --radius-selector: var(--border-radius);
  --radius-field: var(--border-radius);
  --radius-box: var(--border-radius-md);
  --size-selector: var(--spacing-sm);
  --size-field: var(--spacing-sm);
  --border: var(--input-border-width);
  --depth: 1;
  --noise: 0;

  --text-sm: var(--font-size-sm);
  --text-sm--line-height: 1.25rem;
  --tw-outline-style: solid;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-warning-content: var(--grey-9);
}