/* =========================================================
   MAXIMALSTORE — GLOBAL CORE CSS
   Version: 0.1.1

   Базовые дизайн-токены MaximalStore.

   ВАЖНО:
   Этот файл намеренно НЕ делает глобальный reset Tilda.
   Все будущие компоненты MaximalStore стилизуются
   только внутри собственных namespace / контейнеров.
   ========================================================= */

:root {
    /* Brand */
    --ms-black: #050505;
    --ms-black-soft: #0b0b0c;
    --ms-white: #ffffff;
    --ms-red: #ff2020;

    /* Text */
    --ms-text: #111111;
    --ms-text-muted: #6f6f73;

    /* Surfaces */
    --ms-surface: #ffffff;
    --ms-surface-soft: #f6f6f6;

    /* Lines */
    --ms-line: rgba(0, 0, 0, 0.10);
    --ms-line-dark: rgba(255, 255, 255, 0.10);

    /* Radius */
    --ms-radius-sm: 12px;
    --ms-radius-md: 18px;
    --ms-radius-lg: 24px;

    /* Layout */
    --ms-container: 1380px;

    /* Typography */
    --ms-font:
        Arial,
        Helvetica,
        sans-serif;
}


/* =========================================================
   SAFE COMPONENT SCOPE

   Этот класс можно использовать как корневой контейнер
   наших собственных интерфейсов.

   Никаких Tilda-элементов за пределами .ms-scope
   правило не затрагивает.
   ========================================================= */

.ms-scope,
.ms-scope *,
.ms-scope *::before,
.ms-scope *::after {
    box-sizing: border-box;
}