/*! EVA Factory — система стилей.
   Порядок слоёв: legacy < tokens < base < layout < components < utilities.
   ВАЖНО: все @import идут ДО @layer{}-блоков (требование CSS).
   Правило: компонент ВСЕГДА выше legacy → переопределить нельзя. !important запрещён. */
@layer legacy, tokens, base, layout, components, utilities;

/* --- все импорты сначала --- */
@import url("css/bootstrap.css") layer(legacy);
@import url("style.css") layer(legacy);
@import url("style_new.css") layer(legacy);
@import url("css/menu.css") layer(legacy);
@import url("sections/site-header.css?v=1") layer(layout);
@import url("sections/hero.css?v=6") layer(layout);
@import url("sections/directions.css?v=3") layer(layout);
@import url("components/button.css?v=3") layer(components);

/* --- затем блоки --- */
@layer tokens {
  :root {
    --eva-ink:#1c1c1e; --eva-ink-soft:#3a3a40; --eva-bg:#ffffff; --eva-bg-dark:#0C0C0E;
    --eva-muted:#6b7280; --eva-line:#e6e8ee;
    --eva-accent:#E6872B; --eva-accent-600:#CC731F; --eva-accent-50:#FCF1E6;
    --eva-radius:14px; --eva-radius-pill:999px;
    --eva-container:1140px; --eva-container-wide:1435px;
    --eva-font:'Montserrat',system-ui,-apple-system,sans-serif;
    --eva-s1:8px; --eva-s2:16px; --eva-s3:24px; --eva-s4:32px; --eva-s6:48px; --eva-s8:64px;
  }
}
@layer base {
  .eva, .eva *, [class^="eva-"], [class*=" eva-"] { box-sizing:border-box; }
  /* пустые слоты ассетов (фон/иконка) — заполняются чистыми ассетами от оператора */
  .eva-ph{ display:flex; align-items:center; justify-content:center; text-align:center;
    background:#EEF0F3; border:1px dashed #C9CFD8; border-radius:var(--eva-radius);
    color:#AEB6C2; font:600 11px/1.3 var(--eva-font); letter-spacing:.08em; text-transform:uppercase; }
  .eva-ph--dark{ background:#161619; border-color:#2c2c30; color:#5a5a62; }
  .eva-ph--ico{ width:44px; height:44px; border-radius:12px; flex:0 0 auto; }
}