/*
 * Цвета марки. Одно место на весь porfiry.ru: акцент, встречающийся в разметке трижды в
 * разных написаниях, однажды разойдётся — и половина сайта останется прежнего цвета.
 *
 * Здесь же живут две палитры целиком. Спор о цвете решается не словами, а взглядом на
 * живой сайт, поэтому переключение стоит одной строки — см. «Какая палитра включена».
 */

/* ── Лайм. Прежняя: язык скорости и дерзости. Молодит и бросается в глаза, но плохо
      читается текстом и на светлой теме требует собственного, совсем другого зелёного.
      Оставлен для сравнения — включить его снова стоит тех же семи строк. */
:root {
  --lime-accent: #D0FF00;
  --lime-accent-on-light: #2c7a00;
  --lime-ink-on-accent: #0a0a0a;
  --lime-ink-on-accent-light: #ffffff;
  --lime-alarm: #ff6b4a;
  --lime-bg: #0a0a0a;
  --lime-surface: #111111;
  --lime-bg-soft: #0F0F0F;
  --lime-surface-soft: #1A1A1A;

  /* ── Янтарь. Язык инженерных бюро и приборов: цвет здесь означает состояние, а не
        настроение. Старше, дороже, не спорит с текстом и одинаково живёт на обеих темах —
        то, что нужно товару за полтора миллиона. */
  --amber-accent: #E8A33D;
  --amber-accent-on-light: #8A4E05;
  /* Что пишут поверх акцента. Цвет заливки и цвет текста на ней — разные вещи, и второй
     обязан следовать за первым: янтарь на тёмной теме светлый, значит буквы по нему
     тёмные; на светлой теме он глубокий и требует белых. */
  --amber-ink-on-accent: #17130c;
  --amber-ink-on-accent-light: #fffaf2;
  --amber-alarm: #d1493a;

  /* Отклик кнопки. Приход медленнее ухода: рука ведёт к цели неспешно, а отпускает разом.
     Кривая та же, что у материализации в DELO, — движение везде одной руки. */
  /* ── Уголь. Порфирий не кричит: он сидит в углу комнаты и уже всё знает. Значит, цвет
        не пытается понравиться — тёплый графит старой типографской краски, на котором
        одна тлеющая точка означает «сюда». Не пламя, а то, что от него осталось и держит
        жар: темнее киновари и без её истерики. Принят как основной цвет porfiry.ru. */
  --ember-accent: #D9553C;
  --ember-accent-on-light: #A83218;
  --ember-alarm: #E0A33A;
  /* На светлой теме тусклое золото не читается: у тревоги свой глубокий вариант. */
  --ember-alarm-on-light: #8A5A00;
  --ember-ink-on-accent: #17100d;
  --ember-ink-on-accent-light: #fff6f3;
  --ember-bg: #15130f;
  --ember-surface: #211d17;
  --ember-bg-soft: #191612;
  --ember-surface-soft: #252119;
  /* Светлая тема — стальной офис: холодные серые, на которых уголь читается сигналом.
     Чистый белый под этот акцент даёт больничный свет, а тёплая бумага — акварель. */
  --ember-paper: #F2F4F6;
  --ember-paper-surface: #E5E8EB;
  --ember-paper-ink: #12161A;
  --ember-paper-ink-2: #4E565E;
  --ember-paper-ink-3: #838C95;
  --ember-paper-line: #D2D7DC;

  /* ── Киноварь. Самый сильный из трёх: цвет предупреждения и цвет крови, на графите
        читается как решение, а не как украшение. Требует дисциплины — им нельзя красить
        больше трёх вещей на экран, иначе страница начинает кричать. */
  --cinnabar-accent: #FF4438;
  --cinnabar-accent-on-light: #C4261A;
  --cinnabar-alarm: #ffb020;
  --cinnabar-ink-on-accent: #14100f;
  --cinnabar-ink-on-accent-light: #fff5f3;
  --cinnabar-bg: #131315;
  --cinnabar-surface: #1c1c1f;
  --cinnabar-bg-soft: #171719;
  --cinnabar-surface-soft: #232326;

  /* ── Ультрамарин. Цвет надёжности: банки, приборы, инженерные бюро. Не спорит с текстом
        и одинаково хорош на обеих темах, но и характера в нём меньше — это выбор, когда
        главное сказать «нам можно доверить полтора миллиона». */
  --ultra-accent: #4C6FFF;
  --ultra-accent-on-light: #1F3BC7;
  --ultra-alarm: #ff6b4a;
  --ultra-ink-on-accent: #0b0d14;
  --ultra-ink-on-accent-light: #f4f6ff;
  --ultra-bg: #101218;
  --ultra-surface: #191c24;
  --ultra-bg-soft: #14161d;
  --ultra-surface-soft: #20242d;

  /* ── Стальная бирюза. Язык продукта, а не подрядчика: так выглядят вещи, которыми
        пользуются каждый день. Холодная, чистая, редкая на рынке студий. */
  --teal-accent: #17D1B4;
  --teal-accent-on-light: #00796B;
  --teal-alarm: #ff6b4a;
  --teal-ink-on-accent: #05130f;
  --teal-ink-on-accent-light: #f0fffb;
  --teal-bg: #0e1416;
  --teal-surface: #161e20;
  --teal-bg-soft: #121a1c;
  --teal-surface-soft: #1c2528;

    --press-in: 170ms;
  --press-out: 90ms;
  --press-ease: cubic-bezier(0.65, 0, 0.35, 1);
  --amber-bg: #121316;
  --amber-surface: #1a1c20;
  --amber-bg-soft: #16181c;
  --amber-surface-soft: #212429;
}

/* ── Какая палитра включена ──────────────────────────────────────────────────────────
   Сейчас включён уголь. Меняется одна строка в каждом из девяти свойств: ember → amber,
   lime, cinnabar, ultra или teal. Ничего, кроме этого блока, править не нужно.

   Примерить, не трогая файл: на локальной машине добавьте к адресу ?palette=cinnabar. */
:root {
  --brand-accent: var(--ember-accent);
  --brand-accent-on-light: var(--ember-accent-on-light);
  --brand-ink-on-accent: var(--ember-ink-on-accent);
  --brand-ink-on-accent-light: var(--ember-ink-on-accent-light);
  --brand-alarm: var(--ember-alarm);
  --brand-alarm-on-light: var(--ember-alarm-on-light);
  --brand-bg: var(--ember-bg);
  --brand-surface: var(--ember-surface);
  --brand-bg-soft: var(--ember-bg-soft);
  --brand-surface-soft: var(--ember-surface-soft);
  --brand-paper: var(--ember-paper);
  --brand-paper-surface: var(--ember-paper-surface);
  --brand-paper-ink: var(--ember-paper-ink);
  --brand-paper-ink-2: var(--ember-paper-ink-2);
  --brand-paper-ink-3: var(--ember-paper-ink-3);
  --brand-paper-line: var(--ember-paper-line);
}

:root[data-palette="amber"] {
  --brand-accent: var(--amber-accent);
  --brand-accent-on-light: var(--amber-accent-on-light);
  --brand-ink-on-accent: var(--amber-ink-on-accent);
  --brand-ink-on-accent-light: var(--amber-ink-on-accent-light);
  --brand-alarm: var(--amber-alarm);
  --brand-bg: var(--amber-bg);
  --brand-surface: var(--amber-surface);
  --brand-bg-soft: var(--amber-bg-soft);
  --brand-surface-soft: var(--amber-surface-soft);
}

:root[data-palette="lime"] {
  --brand-accent: var(--lime-accent);
  --brand-accent-on-light: var(--lime-accent-on-light);
  --brand-ink-on-accent: var(--lime-ink-on-accent);
  --brand-ink-on-accent-light: var(--lime-ink-on-accent-light);
  --brand-alarm: var(--lime-alarm);
  --brand-bg: var(--lime-bg);
  --brand-surface: var(--lime-surface);
  --brand-bg-soft: var(--lime-bg-soft);
  --brand-surface-soft: var(--lime-surface-soft);
}

:root[data-palette="cinnabar"] {
  --brand-accent: var(--cinnabar-accent);
  --brand-accent-on-light: var(--cinnabar-accent-on-light);
  --brand-ink-on-accent: var(--cinnabar-ink-on-accent);
  --brand-ink-on-accent-light: var(--cinnabar-ink-on-accent-light);
  --brand-alarm: var(--cinnabar-alarm);
  --brand-bg: var(--cinnabar-bg);
  --brand-surface: var(--cinnabar-surface);
  --brand-bg-soft: var(--cinnabar-bg-soft);
  --brand-surface-soft: var(--cinnabar-surface-soft);
}

:root[data-palette="ultra"] {
  --brand-accent: var(--ultra-accent);
  --brand-accent-on-light: var(--ultra-accent-on-light);
  --brand-ink-on-accent: var(--ultra-ink-on-accent);
  --brand-ink-on-accent-light: var(--ultra-ink-on-accent-light);
  --brand-alarm: var(--ultra-alarm);
  --brand-bg: var(--ultra-bg);
  --brand-surface: var(--ultra-surface);
  --brand-bg-soft: var(--ultra-bg-soft);
  --brand-surface-soft: var(--ultra-surface-soft);
}

:root[data-palette="teal"] {
  --brand-accent: var(--teal-accent);
  --brand-accent-on-light: var(--teal-accent-on-light);
  --brand-ink-on-accent: var(--teal-ink-on-accent);
  --brand-ink-on-accent-light: var(--teal-ink-on-accent-light);
  --brand-alarm: var(--teal-alarm);
  --brand-bg: var(--teal-bg);
  --brand-surface: var(--teal-surface);
  --brand-bg-soft: var(--teal-bg-soft);
  --brand-surface-soft: var(--teal-surface-soft);
}

:root[data-palette="ember"] {
  --brand-accent: var(--ember-accent);
  --brand-accent-on-light: var(--ember-accent-on-light);
  --brand-ink-on-accent: var(--ember-ink-on-accent);
  --brand-ink-on-accent-light: var(--ember-ink-on-accent-light);
  --brand-alarm: var(--ember-alarm);
  --brand-alarm-on-light: var(--ember-alarm-on-light);
  --brand-bg: var(--ember-bg);
  --brand-surface: var(--ember-surface);
  --brand-bg-soft: var(--ember-bg-soft);
  --brand-surface-soft: var(--ember-surface-soft);
  --brand-paper: var(--ember-paper);
  --brand-paper-surface: var(--ember-paper-surface);
  --brand-paper-ink: var(--ember-paper-ink);
  --brand-paper-ink-2: var(--ember-paper-ink-2);
  --brand-paper-ink-3: var(--ember-paper-ink-3);
  --brand-paper-line: var(--ember-paper-line);
}