/* Цвет. База — СВЕТЛАЯ тема (:root), тёмная включается html[data-theme="dark"].
   Значения дословно из брендбука «Мята» v2; режимы высокого контраста — из
   рабочего CSS каталога инструкций (catalog-40). */
:root {
  /* ── база ── */
  --ak-bg: #F4F7F8;
  --ak-tile: #EDF1F4;
  --ak-pn: #FFFFFF;
  --ak-line: #DBE2E8;
  --ak-line2: #C5CFD8;
  --ak-ink: #17222A;
  --ak-sub: #5C6873;
  --ak-bar-bg: rgba(244, 247, 248, 0.88);

  /* ── акценты рубрик ── */
  --ak-mint: #0E8578;
  --ak-on-mint: #E8FFFB;
  --ak-coral: #B84A34;
  --ak-on-coral: #FFF1ED;
  --ak-lav: #6046CC;
  --ak-on-lav: #F1EDFF;

  /* ── статусы и ссылки ── */
  --ak-warn: #9A6A00;
  --ak-err: #C43438;
  --ak-link: #2364C8;

  /* ── печатные цвета наклеек: от темы НЕ зависят ── */
  --ak-print-mint: #2FBFB0;
  --ak-print-coral: #F26D57;
  --ak-print-lav: #9C82F5;
  --ak-print-amber: #F0A73B;
  --ak-print-grey: #6B7683;
  --ak-print-qr: #222B33;
  --ak-print-white: #FFFFFF;

  /* ── терминал (тёмный всегда) ── */
  --ak-term-bg: #17181A;
  --ak-term-ink: #B9E0C6;

  /* ── линии фона-паттерна ── */
  --ak-grid-line: rgba(14, 133, 120, 0.045);
  --ak-grid-dot: rgba(14, 133, 120, 0.16);
  --ak-confetti-mint: rgba(14, 133, 120, 0.3);
  --ak-confetti-lav: rgba(96, 70, 204, 0.22);
  --ak-confetti-coral: rgba(184, 74, 52, 0.22);

  /* ── семантические псевдонимы ── */
  --ak-surface-page: var(--ak-bg);
  --ak-surface-tile: var(--ak-tile);
  --ak-surface-card: var(--ak-pn);
  --ak-text-body: var(--ak-ink);
  --ak-text-muted: var(--ak-sub);
  --ak-text-link: var(--ak-link);
  --ak-border: var(--ak-line);
  --ak-border-strong: var(--ak-line2);
  --ak-action-bg: var(--ak-mint);
  --ak-action-ink: var(--ak-on-mint);
  --ak-focus-ring: rgba(14, 133, 120, 0.18);
  --ak-brand: var(--ak-mint);
}

html[data-theme="dark"] {
  --ak-bg: #1F252E;
  --ak-tile: #242B36;
  --ak-pn: #2B3340;
  --ak-line: #3B4452;
  --ak-line2: #4A5464;
  --ak-ink: #E3E8EE;
  --ak-sub: #A6AFBB;
  --ak-bar-bg: rgba(31, 37, 46, 0.86);

  --ak-mint: #45D0C0;
  --ak-on-mint: #062421;
  --ak-coral: #FF8E7A;
  --ak-on-coral: #301008;
  --ak-lav: #AB93FA;
  --ak-on-lav: #1B1038;

  --ak-warn: #FFC53D;
  --ak-err: #FF6369;
  --ak-link: #8FC3FF;

  --ak-grid-line: rgba(69, 208, 192, 0.035);
  --ak-grid-dot: rgba(69, 208, 192, 0.18);
  --ak-confetti-mint: rgba(69, 208, 192, 0.4);
  --ak-confetti-lav: rgba(171, 147, 250, 0.35);
  --ak-confetti-coral: rgba(255, 142, 122, 0.3);

  --ak-focus-ring: rgba(69, 208, 192, 0.22);
}

/* Высокий контраст (AAA). Паттерны гаснут, рамки толще, интерлиньяж выше. */
html[data-contrast="high"] {
  --ak-ink: #0B1117;
  --ak-sub: #2E3944;
  --ak-line: #5C6873;
  --ak-line2: #43505C;
  --ak-mint: #075E54;
  --ak-lav: #43309E;
  --ak-coral: #8E3018;
  --ak-link: #124A9E;
  --ak-grid-line: transparent;
  --ak-grid-dot: transparent;
  --ak-confetti-mint: transparent;
  --ak-confetti-lav: transparent;
  --ak-confetti-coral: transparent;
  --ak-shadow-card: none;
  --ak-shadow-sticker: none;
  --ak-lh: 1.7; /* @kind font */
  --ak-ls-over: 0.08em;
  --ak-border-w: 2px;
  --ak-focus-w: 3px;
}

html[data-theme="dark"][data-contrast="high"] {
  --ak-ink: #FFFFFF;
  --ak-sub: #DCE3EB;
  --ak-line: #7E8CA0;
  --ak-line2: #98A6BA;
  --ak-mint: #6FE8DA;
  --ak-lav: #C9B8FF;
  --ak-coral: #FFB0A2;
  --ak-link: #B8D9FF;
}