/* =====================================================================
IBER — brand tokens, снятые с atlas.iber.homes
Версия: atlas-styles 1.10 · дата: 2026-10-31
Источник: public_html/atlas/assets/atlas.css (Atlas 1.9, ASSET_V=3)
+ lib/render.php (подключение шрифтов) + lib/core.php (цвета категорий).
Комментарий «L№» = номер строки в atlas.css, откуда взято значение.
ТЁМНОЙ ТЕМЫ НА САЙТЕ НЕТ: в atlas.css прямо указано
«Single committed light look», стоит color-scheme:light (L11).
Блок [data-theme="dark"] ниже пустой, оставлен как место под будущую тему.
Его нельзя заполнять «из памяти»: значения должны прийти из утверждённой палитры.
===================================================================== */
/* ---- 1. Подключение шрифтов (render.php, page_head) ----------------
--------------------------------------------------------------------- */
:root{
color-scheme: light; /* L11 */
/* ---- 2. Цвета: исходные имена с сайта (L5–L7) ---- */
--milk:#FEFBF6; /* фон страницы */
--cream:#F8F3E9; /* фон чипов-фильтров, светлая подложка */
--ivory:#F5EBDD; /* верх градиента секции .sec.alt */
--white:#FFFFFF; /* карточки, панели, поле поиска */
--sand:#E6D5BC; /* пунктир пустого состояния */
--ink:#3F4A5A; /* основной текст */
--head:#104551; /* заголовки, главная кнопка, подвал, активный чип */
--ink-2:#1B5C6B; /* подзаголовок героя */
--muted:#6B7684; /* второй текст, подписи-«eyebrow» */
--quiet:#7C8590; /* мелкие подписи, кредиты фото */
--brass:#B08A4A; /* объявлен, на сайте не используется */
--green:#559D88; /* акцент: подчёркивание меню, hover-рамки, линия .key */
--green-text:#3D7A68; /* зелёный для текста (контраст) */
--line:rgba(16,69,81,.14); /* все линии и рамки */
--teal:#1B5C6B; /* ссылки, hover главной кнопки, фокус */
--teal-deep:#073F46; /* объявлен, в CSS не используется (есть в категории Wellness) */
--terra:#D18A62; /* маркер на карте */
--sage:#E8EFEA; /* фон мини-карты, начало градиента .editorial */
/* ---- 2a. Цвета, зашитые в CSS без переменных (вынесены сюда) ---- */
--on-dark:#F9F9F8; /* текст на тёмной кнопке/чипе (L49, L77, L82) */
--footer-text:#DCE6E1; /* текст и ссылки подвала (L141, L145) */
--header-bg:rgba(254,251,246,.92); /* полупрозрачная шапка + blur 10px (L22) */
--badge-bg:rgba(254,251,246,.94); /* бейдж на фото (L96) */
--badge-own-bg:#F3EBDD; --badge-own-text:#7A5D2C; /* «IBER HOMES project» (L97) */
--notice-bg:#FFF3DA; --notice-line:#F0D9A8; --notice-text:#7A5D2C; /* (L173) */
--fact-ok:#3D9A6B; --fact-claim:#D6A84F; /* точки фактов (L216–217) */
--why-bg-fallback:#F1F6F2; /* (L235) */
/* ---- 2b. Семантические псевдонимы (для других сайтов) ---- */
--c-bg:var(--milk);
--c-surface:var(--white);
--c-surface-2:var(--cream);
--c-text:var(--ink);
--c-heading:var(--head);
--c-text-2:var(--muted);
--c-text-3:var(--quiet);
--c-accent:var(--green);
--c-link:var(--teal);
--c-line:var(--line);
--c-focus:var(--teal);
/* состояния кнопок (L49–52, L75–77) */
--btn-primary-bg:var(--head); --btn-primary-bg-hover:var(--teal); --btn-primary-text:var(--on-dark);
--btn-secondary-bg:transparent; --btn-secondary-line:var(--line); --btn-secondary-line-hover:var(--green); --btn-secondary-text:var(--head);
--chip-bg:var(--cream); --chip-bg-active:var(--head); --chip-text:var(--head); --chip-text-active:var(--on-dark);
/* ---- 2c. Градиенты и подложки ---- */
--grad-title:linear-gradient(90deg,#559D88,#70B85A 55%,#D6A84F); /* «Atlas» в H1 (L45) */
--grad-hero:radial-gradient(60% 70% at 85% 30%,rgba(166,203,221,.35),transparent 70%),
radial-gradient(50% 60% at 10% 90%,rgba(232,180,162,.28),transparent 70%),
radial-gradient(40% 50% at 60% 100%,rgba(112,184,90,.16),transparent 70%),
var(--milk); /* (L38) */
--grad-section-alt:linear-gradient(180deg,#F5EBDD,#F8F3E9); /* (L59) */
--grad-editorial:linear-gradient(135deg,#E8EFEA,#EEF4E6); /* (L125) */
--grad-map:linear-gradient(160deg,#E8EFEA,#DCEAF0); /* (L150) */
--grad-photo-shade:linear-gradient(180deg,rgba(6,28,34,.35) 0%,rgba(6,28,34,0) 28%,rgba(6,28,34,.15) 55%,rgba(6,28,34,.82) 100%); /* (L192) */
/* ---- 2d. Цвета категорий (core.php: color / color2 / text_color) ---- */
--cat-nature:#3E6B45; --cat-nature-2:#70B85A; --cat-nature-text:#3E6B45;
--cat-eco:#657C45; --cat-eco-2:#D6A84F; --cat-eco-text:#5E7340;
--cat-glamping:#B95F3D; --cat-glamping-2:#E8B4A2; --cat-glamping-text:#A9532F;
--cat-cabins:#1B5C6B; --cat-cabins-2:#A6CBDD; --cat-cabins-text:#1B5C6B;
--cat-wellness:#073F46; --cat-wellness-2:#559D88; --cat-wellness-text:#164B50;
--cat-unique:#D18A62; --cat-unique-2:#D6A84F; --cat-unique-text:#B0603A;
--cat-places:#243F35; --cat-places-2:#C9DBD8; --cat-places-text:#243F35;
/* ---- 3. Шрифты (L8–L10) ---- */
--font-display:'Onest',system-ui,sans-serif;
--font-body:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
/* старые имена с сайта */
--display:var(--font-display); --body:var(--font-body); --mono:var(--font-mono);
/* размеры: шорткат font = вес размер/интервал; ls = letter-spacing */
--h1-hero:650 clamp(48px,7vw,88px)/1 var(--font-display); --h1-hero-ls:-.02em; /* L44 */
--h1-project:680 clamp(42px,7.4vw,96px)/.98 var(--font-display); --h1-project-ls:-.025em; /* L203 */
--h1-page:650 clamp(34px,4vw,48px)/1.1 var(--font-display); /* L167 */
--h2-section:650 clamp(28px,3.2vw,40px)/1.1 var(--font-display); --h2-section-ls:-.015em; /* L61 */
--h2-article:650 clamp(24px,2.4vw,30px)/1.2 var(--font-display); --h2-article-ls:-.01em; /* L227 */
--h3-card:650 22px/1.2 var(--font-display); --h3-card-ls:-.01em; /* L101 */
--h3-card-featured-size:28px; /* L69 */
--subtitle:600 clamp(19px,1.8vw,22px)/1.3 var(--font-display); /* L46 */
--lead:500 clamp(20px,2.2vw,27px)/1.45 var(--font-display); /* L208 */
--text-body:16px/1.6 var(--font-body); /* L14 */
--text-hero-lead-size:17px; /* L47 */
--text-article:17px/1.75 var(--font-body); /* L228 */
--text-card:15px; /* L102 */
--text-ui:600 14.5px var(--font-body); /* меню (L29–30) */
--text-button:700 14.5px var(--font-body); /* L49, L51 */
--text-caption-size:12.5px; /* подписи к фото (L113, L205) */
--text-small-size:12px; /* L135, L215 */
--text-disclaimer-size:13px; /* L138 */
--eyebrow:400 11.5px var(--font-mono); --eyebrow-ls:.08em; /* + uppercase (L18) */
--logo:700 17px/1 var(--font-display); --logo-ls:.06em; /* L26 */
--logo-tag-size:10.5px; --logo-tag-ls:.14em; /* L27 */
--measure-text:66ch; --measure-article:68ch; --measure-lead:52ch; /* L124, L228, L47 */
/* ---- 4. Отступы и сетка ---- */
--wrap-max:1240px; /* L16 */
--gutter-mobile:16px; /* до 899px (L16) */
--gutter-desktop:40px; /* от 900px (L17) */
--section-y:clamp(40px,6vw,72px); /* L58 */
--hero-top:clamp(48px,8vw,96px); --hero-bottom:clamp(36px,5vw,56px); /* L38 */
--section-head-gap:26px; /* L60 */
--grid-min:280px; --grid-gap-row:28px; --grid-gap-col:22px; /* L87 */
--card-pad:18px 20px 22px; /* L90 */
--panel-pad:18px 20px; /* L130 */
--header-pad-y:14px; --header-gap:18px; /* L24 */
--footer-pad-y:44px; /* L141 */
/* ---- 5. Радиусы ---- */
--r-xs:4px; /* обводка фокуса */
--r-btn:8px; /* кнопки, «IBER HOMES ↗» */
--r-sm:10px; /* мини-обложка в попапе карты */
--r-md:12px; /* мини-карта, notice */
--r-cover:14px; /* обложки, пустое состояние, попап */
--r-panel:16px; /* панели, карта, .key, факты */
--r-card:18px; /* карточка проекта */
--r-feature:22px; /* цитата-плашка проекта */
--r-pill:30px; /* поиск, чипы, сегмент, select, бейдж */
/* ---- 6. Тени и границы ---- */
--shadow-card-hover:0 30px 60px -36px rgba(16,69,81,.45); /* L89 */
--shadow-photo:0 24px 50px -30px rgba(16,69,81,.5); /* L40 */
--shadow-feature:0 30px 60px -40px rgba(16,69,81,.6); /* L218 */
--shadow-marker:0 2px 6px rgba(16,69,81,.35); /* L153 */
--shadow-text-on-photo:0 2px 24px rgba(0,0,0,.25); /* L203 */
--border:1px solid var(--line);
--border-accent-left:3px solid var(--green); /* .key (L115) */
--nav-underline:1.5px; /* L29 */
--focus-ring:2px solid var(--teal); --focus-offset:3px; /* L19 */
/* ---- 7. Движение ---- */
--t-card:.3s; /* тень и подъём карточки (L88) */
--t-image:.6s ease; /* зум фото (L93) */
--hover-lift:translateY(-2px); /* L89 */
--hover-zoom:scale(1.03); /* L94 */
--blur-glass:10px; /* шапка (L22); у чипов на фото 8px (L199) */
}
/* ---- 8. Точки перелома (в CSS custom properties не работают в @media,
поэтому здесь записаны как справка) ----------------------------
≤360px — очень узкий телефон: факты в одну колонку (L256)
≤600px — ТЕЛЕФОН: одна колонка «новинок», меньше hero проекта (L67, L248–255)
≤860px — ПЛАНШЕТ/узко: скрыты меню и «IBER HOMES ↗», hero в одну колонку (L35, L56, L114)
≤960px — ПЛАНШЕТ: страница проекта без боковой колонки, «новинки» 2 колонки (L66, L120, L223)
≥900px — ДЕСКТОП: боковые поля 40px вместо 16px (L17)
------------------------------------------------------------------------ */
/* Тёмная тема на сайте отсутствует — место зарезервировано. */
[data-theme="dark"]{ /* нет данных с сайта */ }
/* Базовые правила сайта (L13–L19), чтобы токены сразу работали */
*{box-sizing:border-box}
body{margin:0;background:var(--c-bg);color:var(--c-text);font:var(--text-body);-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap-max);margin:0 auto;padding-left:max(var(--gutter-mobile),env(safe-area-inset-left,0px));padding-right:max(var(--gutter-mobile),env(safe-area-inset-right,0px))}
@media(min-width:900px){.wrap{padding-left:max(var(--gutter-desktop),env(safe-area-inset-left,0px));padding-right:max(var(--gutter-desktop),env(safe-area-inset-right,0px))}}
:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--r-xs)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}