:root {
  --secondary-background-color: #7f330c;
  --main-background-color: #fff;
  --accent-background-color: #f7f7fb;
  --menu-background-color: #232f3e;
  --main-text-color: #343434;
  --secondary-text-color: #fff;
  --top-text-color: #cecece;
  --third-text-color: #838795;
  --accent-color: #ef8b2e;
  --border-color: #bdbbbb;
  --secondary-border-color: #e9e8f1;
  --link-color: #4791ff;

  /* Design-system aliases (no visual change) */
  --color-bg: var(--main-background-color);
  --color-bg-accent: var(--accent-background-color);
  --color-bg-menu: var(--menu-background-color);
  --color-text: var(--main-text-color);
  --color-text-inverse: var(--secondary-text-color);
  --color-text-muted: var(--third-text-color);
  --color-text-top: var(--top-text-color);
  --color-accent: var(--accent-color);
  --color-border: var(--border-color);
  --color-border-soft: var(--secondary-border-color);
  --color-link: var(--link-color);
  --input-bg: #f7f8fb;

  /* Typography scale (defaults, no visual change until used) */
  --text-h1: 2.5rem;
  --text-h2: 2rem;
  --text-h3: 1.8rem;
  --text-h4: 1.7rem;
  --text: 1.6rem;
  --text-lg: 1.5rem;
  --text-md: 1.4rem;
  --text-sm: 1.2rem;
  --text-xs: 1rem;
  --text-xxs: 0.8rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 500;
}

h1 {
  font-size: var(--text-h1);
}
h2{
  font-size: var(--text-h2);
}
h3 {
  font-size: var(--text-h3);
}
h4 {
  font-size: var(--text-h4);
}
p {
  font-weight: 400;
  font-size: var(--text);
}
strong {
  font-weight: 500;
}
html {
  font-weight: 500;
}
b {
  font-weight: 500;
}