:root,
[data-theme="light"] {
  --nh-font-sans: Inter, "Noto Sans Bengali", "Nirmala UI", system-ui, sans-serif;
  --nh-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --nh-font-size-xs: 0.75rem;
  --nh-font-size-sm: 0.875rem;
  --nh-font-size-md: 1rem;
  --nh-font-size-lg: 1.25rem;
  --nh-font-size-xl: 1.75rem;
  --nh-line-height-body: 1.55;
  --nh-line-height-bangla: 1.7;
  --nh-space-1: 0.25rem;
  --nh-space-2: 0.5rem;
  --nh-space-3: 0.75rem;
  --nh-space-4: 1rem;
  --nh-space-5: 1.5rem;
  --nh-space-6: 2rem;
  --nh-radius-control: 0.625rem;
  --nh-radius-card: 1rem;
  --nh-radius-pill: 999px;
  --nh-shadow-raised: 0 1rem 2.75rem rgba(16, 70, 61, 0.1);
  --nh-control-height: 2.75rem;
  --nh-content-max: 75rem;
  --nh-motion-fast: 120ms;
  --nh-motion-normal: 180ms;
  --nh-color-bg-canvas: #f5f8f7;
  --nh-color-bg-surface: #ffffff;
  --nh-color-bg-subtle: #eaf4f1;
  --nh-color-text-primary: #15333b;
  --nh-color-text-muted: #5d7378;
  --nh-color-text-inverse: #ffffff;
  --nh-color-border-default: #d5e3e0;
  --nh-color-action-primary: #087466;
  --nh-color-action-primary-hover: #065e55;
  --nh-color-action-secondary: #e1f3ee;
  --nh-color-focus-ring: #f0b429;
  --nh-color-status-info: #2b607d;
  --nh-color-status-success: #177447;
  --nh-color-status-warning: #8a5600;
  --nh-color-status-danger: #982e35;
  --nh-color-status-unavailable: #5f6670;
  --nh-density-control-block: 0.75rem;
  --nh-density-control-inline: 1rem;
  --nh-density-card: 1.5rem;
  --nh-density-gap: 1rem;
  color-scheme: light;
}

[data-theme="high-contrast"] {
  --nh-color-bg-canvas: #ffffff;
  --nh-color-bg-surface: #ffffff;
  --nh-color-bg-subtle: #f2f2f2;
  --nh-color-text-primary: #000000;
  --nh-color-text-muted: #242424;
  --nh-color-text-inverse: #ffffff;
  --nh-color-border-default: #000000;
  --nh-color-action-primary: #005a4e;
  --nh-color-action-primary-hover: #003f37;
  --nh-color-action-secondary: #ffffff;
  --nh-color-focus-ring: #ffbf00;
  --nh-color-status-info: #003f66;
  --nh-color-status-success: #005a2b;
  --nh-color-status-warning: #704000;
  --nh-color-status-danger: #850019;
  --nh-color-status-unavailable: #303030;
  color-scheme: light;
}

[data-density="compact"] {
  --nh-density-control-block: 0.5rem;
  --nh-density-control-inline: 0.75rem;
  --nh-density-card: 1rem;
  --nh-density-gap: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --nh-motion-fast: 0ms;
    --nh-motion-normal: 0ms;
  }
}