:root {
  --color-primary: #00435b;
  --color-accent: #ffdc1d;

  --color-text: #2c353b;
  --color-text-soft: #68747d;
  --color-title: #20282d;

  --color-white: #ffffff;
  --color-bg: #fbfbf9;
  --color-bg-soft: #f4f5f3;
  --color-bg-warm: #f8f6f1;
  --color-line: rgba(0, 67, 91, 0.12);

  --shadow-sm: 0 10px 30px rgba(26, 38, 46, 0.05);
  --shadow-md: 0 20px 50px rgba(26, 38, 46, 0.08);

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-full: 999px;

  --container: 1240px;
  --container-fluid: 80%;
  --container-gutter: 1rem;

  --header-height: 92px;

  --transition: 0.35s ease;
}