/* Временная палитра — до выбора фирменного стиля TrueFold. Меняйте только этот файл.
   Здесь все цвета, шрифты, скругления и тени панели. Остальные файлы (и шар в orb.js) берут их через var(--…).
   Направление «чернила и шампань»: тёплая бумага, чернильно-синий акцент, шампань — мягкий второй цвет.
   Без зелёного и фиолетового (кроме приглушённой точки «синхронизация в порядке»). Тёмной темы нет намеренно:
   панель светлая и спокойная. Контраст текста и отсутствие зелёного проверяет tests/test_static.py (текст не ниже 4.5:1). */

:root {
  color-scheme: light;

  /* Фон и поверхности — тёплая бумага */
  --bg: #F6F3ED;               /* фон страницы */
  --bg-glass: rgba(246, 243, 237, 0.86);
  --surface: #FFFDFA;          /* карточки */
  --surface-2: #FAF7F1;        /* поля ввода, плитки внутри карточек */
  --surface-sunken: #EFEAE0;   /* подложки, дорожки индикаторов */
  --border: #E6DFD2;
  --border-strong: #CFC5B3;
  --overlay: rgba(28, 37, 54, 0.32);

  /* Текст — чернила */
  --text: #1E2533;             /* основной */
  --text-muted: #5A6070;       /* подписи; тоже не ниже 4.5:1 */

  /* Главный акцент — чернильно-синий */
  --accent: #243554;
  --accent-hover: #1A2741;
  --accent-soft: #E3E8F0;
  --accent-softer: #F1F3F7;
  --on-accent: #FFFFFF;
  --focus-ring: rgba(36, 53, 84, 0.26);

  /* Второй цвет — шампань: столбики, блок анализа, маркеры списков */
  --accent-2: #D9C59B;
  --accent-2-soft: #F4ECDB;
  --accent-2-text: #6B5629;    /* текст на шампани */

  /* Состояния (всегда вместе с надписью, не только цветом) */
  --ok-text: #2B4468;          /* «активен», «готово» — в тон чернилам */
  --ok-soft: #E4E9F1;
  --ok-dot: #7E9A88;           /* единственный зеленоватый: приглушённая точка «синхронизация в порядке» */
  --warn-text: #7F5310;
  --warn-soft: #F8EDD6;
  --warn-dot: #D0842A;
  --danger-text: #A2382F;
  --danger-soft: #F9E6E2;
  --muted-soft: #EDE8DE;

  /* Шар-ассистент: чернильное тело, шампань — свечение и блик */
  --orb-1: #3A5482;            /* основное тело */
  --orb-2: #1C2A45;            /* край и тень */
  --orb-glow: #E6D3A8;         /* свечение и блик */

  /* Графики: сетка, оси, цвета проектов (без зелёного и фиолетового; различаются и по тону, и по светлоте) */
  --grid: #EAE3D6;
  --axis: #5A6070;
  --series-1: #3A5A8C;         /* чернильно-синий */
  --series-2: #C19A4B;         /* шампань-золото */
  --series-3: #B8644A;         /* терракота */
  --series-4: #6E9CC7;         /* светло-синий */
  --series-5: #C27D98;         /* пыльная роза */
  --series-6: #7A6453;         /* тёплый коричневый */
  --series-7: #3E7C9C;         /* морская синь */
  --series-8: #9A9285;         /* тёплый серый */

  /* Шрифты — только системные, ничего не грузится из сети */
  --font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "SF Pro Text", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "SF Pro Display", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-hero: 30px;
  --fs-num: 42px;

  /* Скругления */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Тени — мягкие, чуть чернильные */
  --shadow-sm: 0 1px 2px rgba(30, 37, 51, 0.06);
  --shadow: 0 1px 2px rgba(30, 37, 51, 0.04), 0 8px 24px rgba(30, 37, 51, 0.06);
  --shadow-lg: 0 2px 6px rgba(30, 37, 51, 0.06), 0 18px 48px rgba(30, 37, 51, 0.16);
}