[data-theme=quietroots-light] {
  --ds-secondary: var(--ds-neutral-900);
  --ds-secondary-hover: var(--ds-neutral-800);
  --ds-secondary-active: var(--ds-neutral-1000);
  --ds-secondary-light: var(--ds-neutral-100);
  --ds-secondary-dark: var(--ds-neutral-900);
  --ds-success: var(--ds-green-700);
  --ds-success-hover: var(--ds-green-800);
  --ds-success-subtle: var(--ds-green-50);
  --ds-success-light: var(--ds-green-100);
  --ds-success-dark: var(--ds-green-900);
  --ds-danger: var(--ds-red-500);
  --ds-danger-hover: var(--ds-red-600);
  --ds-danger-subtle: var(--ds-red-50);
  --ds-danger-light: var(--ds-red-100);
  --ds-danger-dark: var(--ds-red-900);
  --ds-warning: var(--ds-yellow-500);
  --ds-warning-hover: var(--ds-yellow-600);
  --ds-warning-subtle: var(--ds-yellow-50);
  --ds-warning-light: var(--ds-yellow-100);
  --ds-warning-dark: var(--ds-yellow-900);
  --ds-info: var(--ds-teal-500);
  --ds-info-hover: var(--ds-teal-600);
  --ds-info-subtle: var(--ds-teal-50);
  --ds-info-light: var(--ds-teal-100);
  --ds-info-dark: var(--ds-teal-900);
  --ds-surface-input: #ffffff;
  --ds-surface-hover: var(--ds-neutral-50);
  --ds-surface-pressed: var(--ds-neutral-200);
  --ds-surface-disabled: var(--ds-neutral-100);
  --ds-text-primary: var(--ds-neutral-900);
  --ds-text-secondary: var(--ds-neutral-600);
  --ds-text-tertiary: var(--ds-neutral-500);
  --ds-text-helper: var(--ds-neutral-700);
  --ds-text-disabled: var(--ds-neutral-400);
  --ds-text-inverse: #ffffff;
  --ds-text-link: var(--ds-blue-600);
  --ds-text-link-hover: var(--ds-blue-500);
  --ds-text-link-active: var(--ds-blue-700);
  --ds-text-link-visited: var(--ds-pink-600);
  --ds-border-default: var(--ds-neutral-300);
  --ds-border-hover: var(--ds-neutral-400);
  --ds-border-focus: var(--ds-blue-500);
  --ds-border-error: var(--ds-red-500);
  --ds-border-disabled: var(--ds-neutral-200);
  --ds-focus-ring: 0 0 0 0.25rem color-mix(in srgb, var(--ds-blue-500) 25%, transparent);
  --ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --ds-overlay-backdrop: rgba(0, 0, 0, 0.5);
  --ds-overlay-hover: rgba(0, 0, 0, 0.04);
  --ds-overlay-pressed: rgba(0, 0, 0, 0.08);
  --ds-divider: var(--ds-neutral-200);
  --ds-skeleton: var(--ds-neutral-200);
  color-scheme: light;
  --ds-primary: #4A7C28;
  --ds-primary-hover: #3D6A21;
  --ds-primary-active: #2D5019;
  --ds-primary-light: #E8F0E0;
  --ds-primary-dark: #2D5019;
  --ds-surface-base: #F5F5F0;
  --ds-surface-raised: #EEEDE8;
  --ds-surface-overlay: #ffffff;
  --ds-surface-hover: #EEEDE8;
  --ds-text-link: #4A7C28;
  --ds-text-link-hover: #3D6A21;
  --ds-text-link-active: #2D5019;
  --ds-border-focus: #4A7C28;
  --ds-focus-ring: 0 0 0 0.25rem color-mix(in srgb, var(--ds-primary) 25%, transparent);
  --ds-focus-ring-teal: 0 0 0 0.25rem color-mix(in srgb, var(--ds-primary) 25%, transparent);
  --ds-checkbox-checked-bg: var(--ds-primary);
  --ds-checkbox-checked-border: var(--ds-primary);
  --ds-radius-sm: 0.375rem;
  --ds-radius-md: 0.75rem;
  --ds-radius-lg: 1rem;
  --ds-radius-xl: 1.5rem;
}