/* =============================================================================
   Дизайн-токены mangopark.ru — единый источник правды
   Цвета, радиусы, тени, шрифты, контейнеры. Правки только здесь.
   Брейкпоинты: css/breakpoints.css (@import в исходниках перед сборкой)
   ============================================================================= */

:root {
    /* Бренд */
    --mp-orange: #ef7f1a;
    --mp-orange-dark: #d96a0f;
    --mp-peach: #fac980;
    --mp-peach-light: #fff4e6;
    --mp-red: #d23131;
    --mp-green: #008000;
    --mp-green-light: #e8f5e9;

    /* Текст и нейтрали */
    --mp-text: #1a1a1a;
    --mp-muted: #6b7280;
    --mp-gray-100: #f3f4f6;
    --mp-gray-200: #e5e7eb;
    --mp-gray-300: #d1d5db;
    --mp-gray-400: #9ca3af;
    --mp-gray-600: #4b5563;

    /* Поверхности */
    --mp-bg: #f6f4f1;
    --mp-surface: #ffffff;
    --mp-border: rgba(0, 0, 0, 0.08);
    --mp-shadow: 0 4px 24px rgba(26, 26, 26, 0.08);

    /* Радиусы */
    --mp-radius-sm: 10px;
    --mp-radius-md: 20px;
    --mp-radius-lg: 50px;
    --mp-radius-full: 999px;
    --mp-radius: 14px;

    /* Типографика и layout */
    --mp-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --mp-container: 1390px;
    --mp-container-menu: 1280px;

    /* ЛК: высоты chrome */
    --mp-header-h: 52px;
    --mp-nav-h: 44px;
    --mp-bottom-h: 56px;

    /* Мосты для Bootstrap 5 (ЛК) */
    --bs-primary: var(--mp-orange);
    --bs-primary-rgb: 239, 127, 26;
    --bs-link-color: var(--mp-orange-dark);
    --bs-link-hover-color: var(--mp-orange);
}