/* 806 — brend tokenlari. Yorug' tema standart, qorong'i: [data-theme="dark"] yoki tizim sozlamasi. */
:root {
  --espresso: #1a120e; --kakao: #3a2418; --karamel: #6b4a2e; --yongoq: #a88462; --qum: #d5c4ae; --grafit: #4a4a46;

  --bg: #f5efe7;
  --surface: #fffcf8;
  --surface-2: #efe6da;
  --line: #e2d6c6;
  --line-strong: #d2c2ad;
  --ink: #1a120e;
  --ink-2: #3a2418;
  --muted: #6e5c4d;
  --accent: #6b4a2e;
  --accent-hover: #5a3d25;
  --accent-ink: #f5efe7;
  --accent-soft: #eadccb;
  --focus: rgba(107, 74, 46, .28);
  --bubble: #6b4a2e;
  --bubble-dots: #d5c4ae;
  --logo-ink: #1a120e;

  --side: #1a120e; --side-2: #2a1d16; --side-active: #3a2418; --side-ink: #d5c4ae; --side-muted: #8c7763; --side-line: #2f221a;

  --ok: #4f7a3a;   --ok-soft: #e7eedd;   --ok-line: #c9d8b8;
  --warn: #a2581a; --warn-soft: #f6e6d3; --warn-line: #ebcca8;
  --bad: #a33a26;  --bad-soft: #f5e1db;  --bad-line: #e8bfb3;
  --info: #4a4a46; --info-soft: #ebe8e2; --info-line: #d6d2ca;

  --shadow: 0 1px 2px rgba(26, 18, 14, .06);
  --shadow-pop: 0 18px 48px rgba(26, 18, 14, .16);
  --radius: 10px;
  --font: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #1a120e;
  --surface: #231813;
  --surface-2: #2b1e17;
  --line: #3a2418;
  --line-strong: #4a3122;
  --ink: #f2e9de;
  --ink-2: #d5c4ae;
  --muted: #a88462;
  --accent: #a88462;
  --accent-hover: #b99573;
  --accent-ink: #1a120e;
  --accent-soft: #3a2418;
  --focus: rgba(168, 132, 98, .35);
  --bubble: #a88462;
  --bubble-dots: #1a120e;
  --logo-ink: #d5c4ae;

  --side: #120c09; --side-2: #1f1611; --side-active: #2b1e17; --side-ink: #d5c4ae; --side-muted: #8c7763; --side-line: #241a14;

  --ok: #8db872;   --ok-soft: #26301d;   --ok-line: #3c4d2e;
  --warn: #e0a458; --warn-soft: #36261a; --warn-line: #57391f;
  --bad: #e07a5f;  --bad-soft: #3a1f19;  --bad-line: #5a2c22;
  --info: #b9b5ac; --info-soft: #2a2521; --info-line: #3d3630;

  --shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-pop: 0 18px 48px rgba(0, 0, 0, .55);
  color-scheme: dark;
}