:root {
  --color-primary: #ef3f00;
  --color-primary-dark: #c93200;
  --color-primary-soft: #fff1eb;
  --color-black: #111214;
  --color-dark: #18191c;
  --color-dark-soft: #232428;
  --color-white: #ffffff;
  --color-background: #f5f5f3;
  --color-surface: #fbfbf9;
  --color-border: #deded9;
  --color-text: #202124;
  --color-muted: #6f7277;
  --color-success: #166534;
  --color-danger: #b42318;

  --font-display: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif;
  --font-body: "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;

  --container: 1240px;
  --container-wide: 1480px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-space: clamp(5rem, 10vw, 9.5rem);
  --header-height: 84px;
  --topbar-height: 38px;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  --shadow-soft: 0 18px 55px rgba(17, 18, 20, 0.09);
  --shadow-dark: 0 28px 70px rgba(0, 0, 0, 0.22);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 220ms var(--ease);
  --transition-base: 420ms var(--ease);
}