/* ============================================================
   Аргумент — единая дизайн-система
   Один стиль для трёх поверхностей: бот / мини-апп / сайт.
   Здесь только токены. Компоновка — в app.css и landing.css.
   ============================================================ */

:root {
  color-scheme: dark;

  /* --- Поверхности --- */
  --bg:            #0a0e0f;
  --bg-elevated:   #101617;
  --card:          #151d1e;
  --card-2:        #1c2527;
  --card-3:        #232f31;
  --separator:     rgba(255, 255, 255, 0.07);
  --separator-2:   rgba(255, 255, 255, 0.12);
  --glass:         rgba(16, 22, 23, 0.82);
  --scrim:         rgba(3, 6, 6, 0.66);

  /* --- Текст --- */
  --text:          #eef4f3;
  --text-2:        #94a5a3;
  --text-3:        #5d6d6b;
  --text-inv:      #04120f;

  /* --- Глубокий акцент: полуночно-синий --- */
  --accent:        #5b8def;
  --accent-bright: #7aa5ff;
  --accent-deep:   #2d4a9e;
  --accent-dim:    #1e3470;
  --accent-soft:   rgba(91, 141, 239, 0.14);
  --accent-soft-2: rgba(91, 141, 239, 0.24);
  --accent-text:   #0a1128;
  --accent-glow:   rgba(91, 141, 239, 0.35);
  --grad-accent:   linear-gradient(135deg, #7aa5ff 0%, #2d4a9e 100%);

  /* Волна первого экрана (arc.js): три ступени синего из акцента */
  --arc-base:      #1e3470;
  --arc-accent:    #5b8def;
  --arc-high:      #7aa5ff;

  /* --- Семантика --- */
  --ok:            #2ecc89;
  --ok-soft:       rgba(46, 204, 137, 0.14);
  --warn:          #e0a83a;
  --warn-soft:     rgba(224, 168, 58, 0.14);
  --danger:        #e5604f;
  --danger-soft:   rgba(229, 96, 79, 0.14);
  --info:          #4aa8d8;
  --info-soft:     rgba(74, 168, 216, 0.14);

  /* --- Статусы документов (из промпта) --- */
  --st-draft:      #94a5a3;
  --st-reviewed:   #4aa8d8;
  --st-approved:   #2ecc89;
  --st-filed:      #5b8def;

  /* --- Радиусы --- */
  --r-xs: 8px;
  --r-sm: 11px;
  --r-md: 15px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* --- Тени --- */
  --sh-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
  --sh-md: 0 8px 28px rgba(0, 0, 0, 0.42);
  --sh-lg: 0 20px 60px rgba(0, 0, 0, 0.55);
  --sh-accent: 0 8px 30px rgba(91, 141, 239, 0.22);

  /* --- Метрики --- */
  --top-h: 58px;
  --tab-h: 66px;
  --rail-w: 248px;
  --content-max: 640px;
  --page-max: 1180px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* --- Тайминги --- */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
  --dur: 220ms;

  /* Интерфейс — системный sans. Заголовки — serif: язык уставов и
     процессуальных актов, а не рекламного баннера. */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
          Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino,
                "Book Antiqua", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  --tracking-title: -0.015em;
}

/* Светлая тема — тот же стиль, инвертированные поверхности. */
:root[data-theme="light"] {
  color-scheme: light;

  --bg:            #f2f6f5;
  --bg-elevated:   #ffffff;
  --card:          #ffffff;
  --card-2:        #f0f4f3;
  --card-3:        #e5ebe9;
  --separator:     rgba(9, 30, 27, 0.09);
  --separator-2:   rgba(9, 30, 27, 0.16);
  --glass:         rgba(242, 246, 245, 0.84);
  --scrim:         rgba(9, 30, 27, 0.42);

  --text:          #0b1a18;
  --text-2:        #556865;
  --text-3:        #8a9b98;

  --accent:        #2d4a9e;
  --accent-bright: #3d5fc4;
  --accent-deep:   #1e3470;
  --accent-dim:    #4a6fd4;
  --accent-soft:   rgba(45, 74, 158, 0.10);
  --accent-soft-2: rgba(45, 74, 158, 0.18);
  --accent-text:   #ffffff;
  --accent-glow:   rgba(45, 74, 158, 0.24);
  --grad-accent:   linear-gradient(135deg, #3d5fc4 0%, #1e3470 100%);

  /* Волна в светлой теме — приглушённая, чтобы не спорить с текстом */
  --arc-base:      #b9c8ec;
  --arc-accent:    #6f8fd8;
  --arc-high:      #3d5fc4;

  --sh-sm: 0 1px 2px rgba(9, 30, 27, 0.08);
  --sh-md: 0 8px 24px rgba(9, 30, 27, 0.10);
  --sh-lg: 0 20px 50px rgba(9, 30, 27, 0.14);
  --sh-accent: 0 8px 26px rgba(45, 74, 158, 0.20);

  --st-draft:      #7b8b88;
  --st-reviewed:   #2f7fb0;
  --st-approved:   #1f9e6d;
  --st-filed:      #2d4a9e;
}