:root {
  --trilhas-color-ecosystem: #1f5a45;
  --trilhas-color-ecosystem-dark: #123c2f;
  --trilhas-color-math: #2e7d5b;
  --trilhas-color-computing: #2f5fa7;
  --trilhas-color-wood: #8a5a36;
  --trilhas-color-gold: #c58b1e;
  --trilhas-color-graphite: #253238;
  --trilhas-color-parchment: #fbf8f1;

  --trilhas-color-math-soft: #e4f0e9;
  --trilhas-color-computing-soft: #e5edf8;
  --trilhas-color-sand: #f1e4d0;
  --trilhas-color-gold-soft: #f6eacd;
  --trilhas-color-review-soft: #fff2d8;
  --trilhas-color-neutral-soft: #f3f5f4;

  --trilhas-text-primary: #253238;
  --trilhas-text-secondary: #506168;
  --trilhas-text-muted: #6d7b80;
  --trilhas-text-on-dark: #ffffff;
  --trilhas-text-on-dark-muted: #dce5e1;

  --trilhas-state-success: #26734d;
  --trilhas-state-warning: #a96812;
  --trilhas-state-error: #b33a3a;
  --trilhas-state-info: #2f5fa7;
  --trilhas-state-disabled: #8a9599;

  --trilhas-surface-page: #ffffff;
  --trilhas-surface-card: #ffffff;
  --trilhas-surface-math: var(--trilhas-color-math-soft);
  --trilhas-surface-computing: var(--trilhas-color-computing-soft);
  --trilhas-surface-highlight: var(--trilhas-color-parchment);
  --trilhas-surface-dark: var(--trilhas-color-ecosystem-dark);
  --trilhas-surface-footer: #17252a;

  --trilhas-font-heading: "Nunito Sans", "Aptos Display", "Segoe UI", sans-serif;
  --trilhas-font-body: "Source Sans 3", "Aptos", "Segoe UI", sans-serif;
  --trilhas-font-code: "JetBrains Mono", "Cascadia Code", monospace;

  --trilhas-text-xs: 0.875rem;
  --trilhas-text-sm: 1rem;
  --trilhas-text-base: 1.125rem;
  --trilhas-text-lg: clamp(1.18rem, 1.5vw, 1.32rem);
  --trilhas-text-xl: clamp(1.4rem, 2vw, 1.65rem);
  --trilhas-text-2xl: clamp(1.9rem, 3vw, 2.35rem);
  --trilhas-text-3xl: clamp(2.1rem, 4.5vw, 3.25rem);
  --trilhas-text-4xl: clamp(2.65rem, 6vw, 4.5rem);

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

  --trilhas-radius-sm: 0.5rem;
  --trilhas-radius-md: 0.75rem;
  --trilhas-radius-lg: 1.125rem;
  --trilhas-radius-xl: 1.5rem;
  --trilhas-radius-pill: 999px;

  --trilhas-shadow-sm: 0 3px 12px rgb(37 50 56 / 0.08);
  --trilhas-shadow-md: 0 12px 30px rgb(37 50 56 / 0.12);
  --trilhas-shadow-lg: 0 20px 60px rgb(37 50 56 / 0.16);

  --trilhas-container-sm: 45rem;
  --trilhas-container-md: 60rem;
  --trilhas-container-lg: 70rem;
  --trilhas-container-xl: 80rem;

  --trilhas-motion-fast: 120ms;
  --trilhas-motion-normal: 200ms;
  --trilhas-motion-slow: 360ms;
}