:root {
  color-scheme: light;

  --nd-color-brand-900: #173b57;
  --nd-color-brand-700: #216b8c;
  --nd-color-brand-500: #3b88a7;
  --nd-color-brand-100: #dcecf4;
  --nd-color-brand-50: #edf6fa;

  --nd-color-accent-700: #0b7476;
  --nd-color-accent-500: #168f91;
  --nd-color-accent-100: #d9f0ef;
  --nd-color-accent-50: #edf8f7;

  --nd-color-amber-700: #8a5a00;
  --nd-color-amber-500: #d79a2b;
  --nd-color-amber-100: #f8e7bd;
  --nd-color-amber-50: #fff8e8;

  --nd-color-ink-900: #23313d;
  --nd-color-ink-700: #455762;
  --nd-color-ink-600: #5f6f7a;
  --nd-color-ink-400: #87959e;
  --nd-color-ink-300: #aeb8bf;
  --nd-color-ink-200: #d5dee3;
  --nd-color-ink-100: #e9eef1;
  --nd-color-ink-50: #f5f7f8;

  --nd-color-surface: #ffffff;
  --nd-color-canvas: #f8faf9;
  --nd-color-overlay: rgb(15 29 39 / 68%);

  --nd-color-success-700: #1f7a55;
  --nd-color-success-100: #dff3e8;
  --nd-color-warning-700: #8a5a00;
  --nd-color-warning-100: #fff0c9;
  --nd-color-danger-700: #b4232c;
  --nd-color-danger-100: #fbe3e5;
  --nd-color-info-700: #1f65a6;
  --nd-color-info-100: #e2eef9;

  --nd-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nd-font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;

  --nd-text-xs: 0.75rem;
  --nd-text-sm: 0.875rem;
  --nd-text-base: 1rem;
  --nd-text-lg: 1.125rem;
  --nd-text-xl: 1.25rem;
  --nd-text-2xl: 1.5rem;
  --nd-text-3xl: clamp(1.75rem, 3vw, 2.25rem);
  --nd-text-4xl: clamp(2.125rem, 5vw, 3.5rem);

  --nd-leading-tight: 1.18;
  --nd-leading-normal: 1.55;

  --nd-space-1: 0.25rem;
  --nd-space-2: 0.5rem;
  --nd-space-3: 0.75rem;
  --nd-space-4: 1rem;
  --nd-space-5: 1.25rem;
  --nd-space-6: 1.5rem;
  --nd-space-8: 2rem;
  --nd-space-10: 2.5rem;
  --nd-space-12: 3rem;
  --nd-space-16: 4rem;

  --nd-radius-sm: 0.375rem;
  --nd-radius-md: 0.625rem;
  --nd-radius-lg: 0.875rem;
  --nd-radius-xl: 1.25rem;
  --nd-radius-pill: 999px;

  --nd-border: 1px solid var(--nd-color-ink-200);
  --nd-shadow-sm: 0 1px 2px rgb(20 45 60 / 6%);
  --nd-shadow-md: 0 10px 30px rgb(20 45 60 / 10%);

  --nd-focus-ring: 0 0 0 3px rgb(33 107 140 / 28%);
  --nd-transition-fast: 140ms ease;
  --nd-transition-base: 220ms ease;

  --nd-content-sm: 48rem;
  --nd-content-md: 72rem;
  --nd-content-lg: 90rem;
  --nd-sidebar-width: 17rem;
  --nd-header-height: 4rem;

  --nd-z-dropdown: 20;
  --nd-z-sticky: 30;
  --nd-z-modal: 50;
  --nd-z-toast: 60;
}