/* Hallmark · genre: editorial · macrostructure: Photographic · theme: custom
 * vibe: "полуденное солнце, бетон, тёплый камень"
 * paper oklch(96.5% 0.008 78) · accent oklch(52% 0.115 48) bronze
 * display Manrope · body Golos Text
 * axes: light paper / grotesk-sans display / warm accent
 * предыдущая сборка: Map/Diagram · Prata · steel-blue — разошлись по двум осям из трёх
 * enrichment: фотография Unsplash + планировки рисованным SVG · nav: N10 · footer: Ft5
 */

:root {
  /* ---- бумага тёплая: известняк, не белила ---- */
  --color-paper:    oklch(96.5% 0.008 78);
  --color-paper-2:  oklch(94%   0.010 78);
  --color-paper-3:  oklch(90.5% 0.012 76);
  --color-rule:     oklch(86%   0.012 76);
  --color-rule-2:   oklch(79%   0.014 74);
  --color-neutral:  oklch(60%   0.012 70);
  --color-muted:    oklch(46%   0.014 66);
  --color-ink-soft: oklch(32%   0.014 62);
  --color-ink:      oklch(20%   0.012 60);

  /* ---- тёмная поверхность: первый экран, подвал, карточки-фото ---- */
  --color-night:    oklch(17.5% 0.010 60);
  --color-night-2:  oklch(23%   0.012 60);
  --color-night-rule: oklch(33% 0.012 60);
  --color-on-night:   oklch(95%  0.006 78);
  --color-on-night-2: oklch(76%  0.010 74);

  /* ---- бронза. Единственный насыщенный цвет интерфейса ---- */
  --color-accent:      oklch(52% 0.115 48);
  --color-accent-hi:   oklch(58% 0.125 48);
  --color-accent-weak: oklch(52% 0.115 48 / 0.10);
  --color-accent-ink:  oklch(97% 0.008 78);
  --color-focus:       oklch(58% 0.14 48);

  /* ---- солнце. Не бренд, а показание прибора: живёт только внутри планов ---- */
  --color-sun:       oklch(80% 0.135 80);
  --color-sun-weak:  oklch(80% 0.135 80 / 0.28);
  --color-sun-deep:  oklch(64% 0.145 62);
  --color-sun-a:     oklch(80% 0.135 80 / 0.55);   /* пятно на полу, рисует холст */

  /* ---- чертёж: линии планировок ---- */
  --plan-wall:   oklch(26% 0.012 60);
  --plan-thin:   oklch(62% 0.012 70);
  --plan-glass:  oklch(66% 0.055 230);
  --plan-fill:   oklch(93% 0.010 78);
  --plan-room:   oklch(97% 0.006 78);

  /* ---- изометрия: три грани каждой коробки, свет падает слева сверху ---- */
  --iso-line:    oklch(58% 0.012 68 / 0.55);
  --iso-floor:   oklch(94% 0.009 78);
  --iso-wall-t:  oklch(98% 0.006 78);
  --iso-wall-l:  oklch(85% 0.012 74);
  --iso-wall-r:  oklch(78% 0.014 72);
  --iso-glass-f: oklch(74% 0.050 232 / 0.55);
  --iso-floor-wet: oklch(92% 0.006 230);   /* плитка в санузле */
  --iso-floor-room: oklch(92% 0.014 68);   /* жилые комнаты: тёплый пол */
  --iso-floor-hall: oklch(90% 0.008 250);  /* прихожая и кладовая: холодный */
  --iso-frame:   oklch(58% 0.012 240);     /* рама и импосты витража */
  --iso-frame-t: oklch(70% 0.011 240);     /* верх профиля ловит свет */
  --iso-frame-r: oklch(48% 0.013 240);     /* теневая щека профиля */
  --iso-glass-t: oklch(84% 0.038 232 / 0.42);
  --iso-glass-sky: oklch(88% 0.045 232 / 0.78);  /* отражённое небо в стекле */
  --iso-glass-hi:  oklch(83% 0.042 232 / 0.50);  /* блик по стеклу */
  --iso-glass-lo:  oklch(66% 0.052 232 / 0.62);  /* низ стекла темнее */
  --iso-shadow:  oklch(45% 0.030 62 / 0.26);     /* тень предмета на полу */

  /* Материалы мебели. Каждый — тройка граней: верх светлее, правая темнее,
     свет один и тот же на всю картинку, иначе изометрия рассыпается. */
  --m-wood-t:    oklch(85% 0.042 74);   /* светлый дуб: каркасы, столешницы */
  --m-wood-l:    oklch(77% 0.045 72);
  --m-wood-r:    oklch(70% 0.047 70);
  --m-wood2-t:   oklch(73% 0.048 62);   /* тёмный дуб: ножки, корпуса */
  --m-wood2-l:   oklch(65% 0.050 60);
  --m-wood2-r:   oklch(58% 0.050 58);
  --m-soft-t:    oklch(81% 0.044 40);   /* обивка */
  --m-soft-l:    oklch(73% 0.047 38);
  --m-soft-r:    oklch(66% 0.049 36);
  --m-soft2-t:   oklch(72% 0.047 36);
  --m-soft2-l:   oklch(64% 0.049 34);
  --m-soft2-r:   oklch(57% 0.049 32);
  --m-linen-t:   oklch(95% 0.010 80);   /* матрас */
  --m-linen-l:   oklch(89% 0.012 78);
  --m-linen-r:   oklch(83% 0.014 76);
  --m-linen2-t:  oklch(98% 0.004 88);   /* подушки, отворот одеяла */
  --m-linen2-l:  oklch(93% 0.005 86);
  --m-linen2-r:  oklch(88% 0.007 84);
  --m-white-t:   oklch(97% 0.004 250);  /* сантехника */
  --m-white-l:   oklch(91% 0.006 250);
  --m-white-r:   oklch(85% 0.008 250);
  --m-white2-t:  oklch(93% 0.009 238);  /* нутро ванны и раковины */
  --m-white2-l:  oklch(88% 0.011 238);
  --m-white2-r:  oklch(83% 0.013 238);
  --m-stone-t:   oklch(81% 0.009 76);  /* камень столешницы */
  --m-stone-l:   oklch(73% 0.010 74);
  --m-stone-r:   oklch(66% 0.011 72);
  --m-steel-t:   oklch(85% 0.006 250);  /* нержавейка */
  --m-steel-l:   oklch(77% 0.007 250);
  --m-steel-r:   oklch(70% 0.008 250);
  --m-steel2-t:  oklch(89% 0.005 250);  /* фасады холодильника */
  --m-steel2-l:  oklch(81% 0.006 250);
  --m-steel2-r:  oklch(74% 0.007 250);
  --m-dark-t:    oklch(40% 0.010 250);  /* варочная панель, экран */
  --m-dark-l:    oklch(34% 0.010 250);
  --m-dark-r:    oklch(28% 0.010 250);
  --m-metal-t:   oklch(67% 0.010 250);  /* ручки и смесители */
  --m-metal-l:   oklch(59% 0.011 250);
  --m-metal-r:   oklch(52% 0.012 250);
  --m-green-t:   oklch(71% 0.072 145);  /* зелень */
  --m-green-l:   oklch(63% 0.075 143);
  --m-green-r:   oklch(56% 0.075 141);
  --m-green2-t:  oklch(65% 0.078 148);
  --m-green2-l:  oklch(57% 0.080 146);
  --m-green2-r:  oklch(50% 0.080 144);
  --m-pot-t:     oklch(66% 0.092 48);   /* терракота */
  --m-pot-l:     oklch(59% 0.095 46);
  --m-pot-r:     oklch(52% 0.095 44);
  --m-wood3-t:   oklch(78% 0.030 58);   /* тумба под раковину: не тот же дуб, что кухня */
  --m-wood3-l:   oklch(70% 0.032 56);
  --m-wood3-r:   oklch(63% 0.032 54);
  --m-stone2-t:  oklch(86% 0.006 250);  /* столешница в санузле */
  --m-stone2-l:  oklch(78% 0.007 250);
  --m-stone2-r:  oklch(71% 0.008 250);
  --m-duvet-t:   oklch(72% 0.038 205);  /* одеяло: единственная холодная нота в спальне */
  --m-duvet-l:   oklch(64% 0.040 203);
  --m-duvet-r:   oklch(57% 0.040 201);
  --m-rug:       oklch(89% 0.021 50);
  --m-rug2:      oklch(85% 0.032 46);

  /* ---- шрифты ---- */
  --font-display: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-body: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* ---- шкала 1.25 ---- */
  --text-3xs:  0.6875rem;
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-3xl:  3rem;
  --text-display:   clamp(2.6rem, 5.2vw + 0.5rem, 6rem);
  --text-display-s: clamp(2rem, 2.8vw + 0.9rem, 3.4rem);

  /* ---- шаг 4pt ---- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.15rem, 4.5vw, 4.5rem);
  --measure: 60ch;
  --measure-narrow: 46ch;

  --rule-hair: 1px solid var(--color-rule);
  --rule-ink:  1px solid var(--color-ink);
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-pill: 999px;

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 240ms;
  --dur-long:  460ms;

  --shadow-card: 0 1px 2px oklch(20% 0.012 60 / 0.05), 0 12px 32px -18px oklch(20% 0.012 60 / 0.30);
  --shadow-lift: 0 2px 6px oklch(20% 0.012 60 / 0.07), 0 26px 56px -26px oklch(20% 0.012 60 / 0.38);
  --shadow-pill: 0 1px 2px oklch(20% 0.012 60 / 0.06), 0 10px 30px -14px oklch(20% 0.012 60 / 0.34);

  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
}