:root {
  color-scheme: light;

  --background: 38 20% 94%;
  --foreground: 228 20% 17%;
  --card: 40 24% 96%;
  --card-foreground: 228 20% 17%;
  --muted: 40 24% 96%;
  --muted-foreground: 226 8% 40%;
  --border: 40 12% 84%;
  --input: 40 12% 84%;
  --ring: 228 20% 17%;
  --surface-inset: 40 24% 96%;
  --surface-raised: 42 22% 97%;
  --surface-subtle: 42 20% 95%;

  --font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-sans: var(--font-ui);

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-body: 1rem;
  --text-body-tight: 0.94rem;
  --text-lead: 1.05rem;
  --text-title-sm: 1.125rem;
  --text-title-md: 1.5rem;
  --text-title-lg: clamp(1.9rem, 3.2vw, 2.35rem);
  --text-display: clamp(2.35rem, 6.8vw, 3.4rem);

  --leading-tight: 1.05;
  --leading-heading: 1.08;
  --leading-body: 1.72;
  --leading-lead: 1.62;

  --tracking-eyebrow: 0.18em;
  --tracking-tight: -0.025em;
  --tracking-display: -0.04em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 0.9rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.02), 0 10px 28px rgba(0, 0, 0, 0.05);
  --shadow-overlay: 0 20px 48px rgba(24, 24, 24, 0.12);

  --duration-fast: 160ms;
  --duration-base: 220ms;
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);

  --layout-page-max: 74rem;
  --layout-page-gutter: 1rem;
  --layout-body-measure: 37rem;
  --layout-lead-measure: 35rem;
  --layout-menu-measure: 28rem;
  --layout-search-measure: 34rem;
  --layout-aside-width: 16rem;
  --layout-anchor-offset: 6rem;

  --table-min-inline-data: 28rem;
  --table-min-inline-matrix: 32rem;
  --table-min-inline-codebook: 40rem;
  --table-min-inline-registry: 56rem;
  --table-min-inline-governance: 68rem;
  --table-cell-padding-block-compact: 0.65rem;
  --table-cell-padding-inline-compact: 0.75rem;
  --table-cell-padding-block-default: 0.8rem;
  --table-cell-padding-inline-default: 0.9rem;
  --table-overflow-fade-width: 1.4rem;
  --table-overflow-shadow-color: hsl(var(--foreground) / 0.12);
  --table-overflow-fade-color: hsl(var(--card));
}

.dark {
  color-scheme: dark;

  --background: 220 16% 9%;
  --foreground: 34 18% 94%;
  --card: 220 15% 11%;
  --card-foreground: 34 18% 94%;
  --muted: 220 12% 16%;
  --muted-foreground: 220 8% 72%;
  --border: 220 10% 24%;
  --input: 220 10% 24%;
  --ring: 34 18% 94%;
  --surface-inset: 220 13% 12%;
  --surface-raised: 220 15% 11%;
  --surface-subtle: 220 13% 13%;
}