:root {
  --color-ink: #0b151a;
  --color-slate: #17262d;
  --color-ivory: #f4f1ea;
  --color-paper: #fbfaf7;
  --color-steel: #78909a;
  --color-mist: #dce3e3;
  --color-sky: #a8c5d4;
  --color-sky-soft: #c5d9e3;
  --color-graphite: #33434a;
  --color-brass: #c4a052;
  --color-brass-hover: #d8b86e;
  --color-brass-bright: #e0c07a;
  --color-brass-deep: #95764a;
  --gradient-brass: linear-gradient(
    165deg,
    #f0d78a 0%,
    #e0c07a 28%,
    #c4a052 58%,
    #a8843e 100%
  );

  --color-background: var(--color-ink);
  --color-surface: var(--color-paper);
  --color-surface-dark: var(--color-slate);
  --color-text: var(--color-ink);
  --color-text-on-dark: var(--color-ivory);
  --color-text-muted: #9eaaae;
  --color-border: rgb(220 227 227 / 22%);
  --color-overlay: rgb(11 21 26 / 58%);
  --color-accent: var(--color-brass);
  --color-accent-hover: var(--color-brass-hover);

  --font-display: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
  --text-lg: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --text-display: clamp(2.7rem, 1.95rem + 3.45vw, 5.55rem);

  --leading-tight: 0.98;
  --leading-body: 1.55;
  --tracking-eyebrow: 0.12em;

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

  --container-max: 90rem;
  --content-max: 47.5rem;
  --container-padding: clamp(1rem, 3vw, 3rem);
  --section-space: clamp(4.5rem, 9vw, 9rem);
  --grid-columns: 12;

  --button-height: 3.25rem;
  --radius-control: 0.25rem;
  --radius-card: 0.625rem;
  --border-subtle: 1px solid var(--color-border);
  --shadow-soft: 0 1.5rem 4rem rgb(0 0 0 / 16%);
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --ease-standard: cubic-bezier(0.2, 0.65, 0.3, 1);
}