/* Дизайн-система The Scouts: переменные из Figma (страница «Дизайн-система»).
   Новые экраны верстаются на них; существующие стили пока используют свои значения. */
:root {
    /* Цвета */
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-lime: #D4FF29;
    --color-blue: #000F9F;
    --color-red: #B72E1E;
    --color-gray-text: #8C8C8C;
    --color-gray-light: #B8B8B8;
    --color-gray-bg: #F2F2F2;
    --color-line: #E0E0E0;

    /* Типографика */
    --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --line-height-14: 14px;
    --line-height-16: 16px;
    --line-height-20: 20px;
    --line-height-22: 22px;
    --line-height-24: 24px;
    --line-height-26: 26px;
    --line-height-30: 30px;

    /* Отступы */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;

    /* Радиусы */
    --radius-6: 6px;
    --radius-8: 8px;
    --radius-10: 10px;
    --radius-14: 14px;
    --radius-20: 20px;
    --radius-pill: 500px;

    /* Высоты */
    --height-button-s: 30px;
    --height-button-m: 38px;
    --height-button-l: 48px;
    --height-field: 48px;
    --height-icon-button: 34px;

    /* Тени элементов поверх карты */
    --shadow-map-control: 0 1.5px 1.5px 1px rgba(0, 0, 0, 0.42);
    --shadow-map-panel: 2px 4px 13px 4px rgba(0, 0, 0, 0.28);
}