/* css/base.css — переменные, сброс, типографика
   Версия: 2026-10-30.1 */

:root{
  --primary-blue:#1A3C8B;
  --light-blue-bg:#E3E8F4;
  --field-gray:#F0F0F0;
  --rating-red:#E53935;
  --rating-yellow:#FFB300;
  --rating-green:#43A047;
  --bg:#F8F9FA;
  --text:#1f1f1f;
  --muted:#6b7280;
  --sidebar-w:300px;
  --header-height:72px;

  --chart-bg:#2A3446;
  --color-male:#4A90E2;
  --color-female:#2ECC71;
  --color-age-1:#EB5757;
  --color-age-2:#F2994A;
  --color-age-3:#F2C94C;
  --color-age-4:#6FCF97;
  --color-age-5:#56CCF2;
  --color-age-6:#9B51E0;
  --color-city-1:#4A90E2;
  --color-city-2:#2ECC71;
  --color-city-3:#9B51E0;
  --color-city-4:#F2994A;
  --color-city-5:#EB5757;
  --color-city-6:#6c757d;
  --color-group-1:#4A90E2;
  --color-group-2:#2ECC71;
  --color-group-3:#9B51E0;
  --color-group-4:#F2994A;
  --color-group-5:#EB5757;
  --color-rating-1:#EB5757;
  --color-rating-2:#F2994A;
  --color-rating-3:#F2C94C;
  --color-rating-4:#6FCF97;
  --color-rating-5:#27AE60;
  --color-spec-1:#4A90E2;
  --color-spec-2:#2ECC71;
  --color-spec-3:#9B51E0;
  --color-spec-4:#F2994A;
  --color-spec-5:#56CCF2;
  --color-spec-6:#F2C94C;
  --color-spec-7:#EB5757;
  --color-spec-8:#6c757d;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body{
  font-family:'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.4;
}

a{color:var(--primary-blue);text-decoration:none;}
a:hover{text-decoration:underline;}

h1,h2,h3,h4,p{margin:0 0 8px 0;}
h1{margin-bottom:16px;}

img,svg{max-width:100%;display:inline-block;vertical-align:middle;}

button{font-family:inherit;}

/* Утилиты */
.hr-hidden{display:none !important;}
.hr-center{text-align:center;}

/* SVG-иконки из sprite: <svg class="ico"><use href="...#icon-xxx"></use></svg> */
.ico{
  width:22px;height:22px;flex-shrink:0;
  display:inline-block;vertical-align:middle;
  fill:currentColor;
}
.ico-sm{width:16px;height:16px;}
.ico-lg{width:28px;height:28px;}