:root {
  --font-main: "Open Sans", "Segoe UI", sans-serif;

  --color-bg: #f3f4f6;
  --color-bg-soft: #f7f7f8;
  --color-surface: #ffffff;
  --color-text: #2c2c2c;
  --color-muted: #6d6d6d;
  --color-line: #e4e4e4;
  --color-accent: #e4570e;
  --color-accent-hover: #c94708;
  --color-accent-soft: rgba(228, 87, 14, 0.1);
  --color-dark: #1c1c1c;
  --color-header-bg: #ffffff;
  --color-shadow: 0 10px 30px rgba(20, 20, 20, 0.06);
  --color-icon-filter: none;

  --radius-s: 2px;
  --radius-m: 2px;
  --radius-l: 2px;
  --radius-pill: 999px;

  --container: 1200px;
  --header-h: 168px;
  --space: 20px;
  --transition: 0.2s ease;
}