/* Fluid, light scheme semantic tokens. */
/* Generated from src/tokens.ts, do not edit. */
:root,
:host,
[data-fluid-theme="light"] {
  --fluid-surface-base: var(--fluid-color-white);
  --fluid-surface-subtle: var(--fluid-color-neutral-50);
  --fluid-surface-muted: var(--fluid-color-neutral-100);
  --fluid-text-primary: var(--fluid-color-neutral-900);
  --fluid-text-secondary: var(--fluid-color-neutral-600);
  --fluid-text-inverse: var(--fluid-color-white);
  --fluid-border-default: var(--fluid-color-neutral-200);
  --fluid-border-strong: var(--fluid-color-neutral-300);
  --fluid-accent-base: var(--fluid-color-brand-600);
  --fluid-accent-hover: var(--fluid-color-brand-700);
  --fluid-accent-active: var(--fluid-color-brand-800);
  --fluid-accent-text: var(--fluid-color-white);
  --fluid-neutral-base: var(--fluid-color-neutral-700);
  --fluid-neutral-hover: var(--fluid-color-neutral-800);
  --fluid-neutral-active: var(--fluid-color-neutral-900);
  --fluid-neutral-text: var(--fluid-color-white);
  --fluid-success-base: var(--fluid-color-emerald-700);
  --fluid-success-hover: var(--fluid-color-emerald-800);
  --fluid-success-active: var(--fluid-color-emerald-900);
  --fluid-success-text: var(--fluid-color-white);
  --fluid-danger-base: var(--fluid-color-red-600);
  --fluid-danger-hover: var(--fluid-color-red-700);
  --fluid-danger-active: var(--fluid-color-red-800);
  --fluid-danger-text: var(--fluid-color-white);
  --fluid-warning-base: var(--fluid-color-amber-500);
  --fluid-warning-hover: var(--fluid-color-amber-600);
  --fluid-warning-active: var(--fluid-color-amber-700);
  --fluid-warning-text: var(--fluid-color-neutral-950);
  --fluid-info-base: var(--fluid-color-sky-600);
  --fluid-info-hover: var(--fluid-color-sky-700);
  --fluid-info-active: var(--fluid-color-sky-800);
  --fluid-info-text: var(--fluid-color-white);
  --fluid-focus-ring-color: var(--fluid-color-brand-500);
}