/* Единая палитра · Sasha B.B.B
 *
 * До 30.08.2026 у сайта было ДВЕ темы: styles.css на 32 страницах и studio.css
 * на четырёх (index-v2, aleksandra-v2, training, for-salons). Наборы переменных
 * назывались по-разному и расходились в значениях. Я на этом уже споткнулся:
 * перенос верхней таблетки со studio на styles потребовал вписывать цвета
 * руками, потому что var(--ink) из чужой темы даёт пустоту.
 *
 * Здесь один набор. Каждое значение объявлено ОДИН раз, а оба исторических
 * имени на него ссылаются — поэтому ни одно существующее правило не сломалось.
 *
 * Где темы расходились, взяты значения studio (v2): решение владельца
 * «возьми оттуда лучшее». Главное различие — акцент: 56% яркости против 48%.
 * Тёмный читается дороже, и именно он стоит на страницах, которые владельцу
 * нравятся.
 */

:root {
  color-scheme: light;


  /* Бумага и чернила */
  --paper: oklch(96.5% 0.012 68);
  --paper-soft: oklch(93.8% 0.016 68);
  --paper-deep: oklch(89% 0.018 68);
  --ink: oklch(17% 0.012 55);
  --ink-2: oklch(30% 0.012 55);
  --muted: oklch(44% 0.011 58);
  --subtle: oklch(58% 0.012 58);
  --rule: oklch(82% 0.011 65);
  --hair: oklch(17% 0.012 55 / .06);
  --veil: oklch(96.5% 0.012 68 / .82);
  --night: oklch(21% 0.014 50);
  --night-ink: oklch(93% 0.012 68);

  /* Акцент */
  --accent: oklch(48% 0.135 25);
  --focus: oklch(45% 0.16 25);

  /* Шрифты */
  --display: "Cormorant Garamond", "Cormorant Fallback", ui-serif, Georgia, serif;
  --body: "IBM Plex Sans", "Plex Fallback", ui-sans-serif, system-ui, sans-serif;

  /* Шаг сетки */
  --s-xs: .5rem;
  --s-sm: .75rem;
  --s-md: 1rem;
  --s-lg: 1.5rem;
  --s-xl: 2.5rem;
  --s-2xl: 4rem;
  --s-3xl: 6.5rem;
  --s-4xl: 10rem;

  /* Ширины */
  --measure: 34rem;
  --shell: 74rem;

  /* Движение */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur: 420ms;
  --dur-fast: 150ms;

  /* Псевдонимы длинных имён styles.css — то же значение, другое имя */
  --color-paper: var(--paper);
  --color-paper-soft: var(--paper-soft);
  --color-paper-deep: var(--paper-deep);
  --color-ink: var(--ink);
  --color-muted: var(--muted);
  --color-subtle: var(--subtle);
  --color-rule: var(--rule);
  --color-accent: var(--accent);
  --color-focus: var(--focus);
  --font-display: var(--display);
  --font-body: var(--body);
  --space-xs: var(--s-xs);
  --space-sm: var(--s-sm);
  --space-md: var(--s-md);
  --space-lg: var(--s-lg);
  --space-xl: var(--s-xl);
  --space-2xl: var(--s-2xl);
  --space-3xl: var(--s-3xl);
  --space-4xl: var(--s-4xl);

  /* Остальное из styles.css: размеры текста, скругления, тени, шторки на фото */
  --color-inverse: oklch(95% 0.01 68);
  --color-shadow: oklch(18% 0.012 55 / 0.13);
  --color-photo-shade-strong: oklch(18% 0.012 55 / 0.55);
  --color-photo-shade-medium: oklch(18% 0.012 55 / 0.36);
  --color-photo-shade-soft: oklch(18% 0.012 55 / 0.22);
  --color-photo-shade-faint: oklch(18% 0.012 55 / 0.08);
  --color-photo-clear: oklch(18% 0.012 55 / 0);
  --font-mark: var(--display);
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.2rem;
  --text-lg: 1.5rem;
  --text-xl: 2rem;
  --text-2xl: 2.75rem;
  --text-display: clamp(3.2rem, 6vw + 1rem, 6.2rem);
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --rule-thin: 1px;
  --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: 220ms;
}