:root {
  --ignis-red: #D3121C;
  --ignis-red-hot: #D70E16;
  --ignis-dark-red: #8B0A10;
  --ignis-deep: #6E090E;
  --ignis-bg-cream: #FFF8F5;
  --ignis-bg-band: #F3E6E0;
  --ignis-card-white: #FFFFFF;
  --ignis-line: #EADCD7;
  --text-dark: #121316;
  --text-muted: #5C403C;
  --text-on-red: #FFF8F5;
  --text-on-red-soft: #FFE4DE;
  --font-main: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --header-height: 4.25rem;
  --touch-min: 44px;
  --radius-card: 1.15rem;
  --radius-control: 0.7rem;
  --radius-img: 0.95rem;
  --shadow-card: 0 16px 36px rgb(120 20 24 / 0.08);
  --container: 72rem;
  --gutter: clamp(1.15rem, 3vw, 2.25rem);
  --rhythm: clamp(2.75rem, 5vw, 4.5rem);
  --h1: clamp(2.2rem, 6vw, 5.5rem);
  --h2: clamp(2rem, 3.6vw, 3.15rem);
  --h2-display: clamp(2.35rem, 4.6vw, 4.15rem);
}

html {
  scroll-padding-top: calc(var(--header-height) + 0.75rem);
}