/* GENERATED by tools/render.cjs; do not edit by hand. Change ACCENT there and re-run.
   78 UI Kit v0.4.0 generator, accent #c2562f, accent neutral.
   Generator notes: light: --dim lightness nudged for AA on --bg2. */

/* The logo tile: the brand color itself, the same in both themes (like the favicon) */
:root { --brand: #c2562f; }

/* 78 UI Kit theme — generated from #c2562f (accent neutral, 8px radius, cozy) */
/* Paste after kit.css. Nothing else changes. */

:root[data-theme="dark"] {
  /* Surfaces */
  --bg: #13100f;
  --bg2: #251f1d;
  --bg3: #302b2a;
  --border: #3c3735;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

  /* Text */
  --text: #e9e1de;
  --dim: #8f8785;

  /* Accent */
  --accent: #d37555;
  --accent-text: #110c0a;
  --accent-hover: #e78767;
  --accent-lo: rgba(211, 117, 85, 0.16);
  --accent-lo-hover: rgba(211, 117, 85, 0.24);
  --accent-glow: 0 2px 10px rgba(211, 117, 85, 0.3);

  /* Semantic */
  --success: #6de18b;
  --success-lo: rgba(109, 225, 139, 0.16);
  --warn: #ffb334;
  --warn-lo: rgba(255, 179, 52, 0.16);
  --danger: #ffaba1;
  --danger-lo: rgba(255, 171, 161, 0.16);
  --info: #85cdff;
  --info-lo: rgba(133, 205, 255, 0.16);

  /* Categories */
  --cat-1: #c5b9ff;
  --cat-1-lo: rgba(197, 185, 255, 0.16);
  --cat-2: #00e1d8;
  --cat-2-lo: rgba(0, 225, 216, 0.16);
  --cat-3: #ffa4cc;
  --cat-3-lo: rgba(255, 164, 204, 0.16);
  --cat-4: #b3d452;
  --cat-4-lo: rgba(179, 212, 82, 0.16);
  --cat-5: #f2a1ff;
  --cat-5-lo: rgba(242, 161, 255, 0.16);
  --cat-6: #eab98f;
  --cat-6-lo: rgba(234, 185, 143, 0.16);

  /* Charts */
  --series-2: #929292;

  /* Rows, overlay, focus */
  --row-hover: rgba(255, 255, 255, 0.04);
  --row-border: #2d2927;
  --row-selected: var(--accent-lo);
  --overlay: rgba(0, 0, 0, 0.6);
  --ring: rgba(211, 117, 85, 0.35);
}

:root[data-theme="light"] {
  /* Surfaces */
  --bg: #f5f2f0;
  --bg2: #ffffff;
  --bg3: #faf7f6;
  --border: #e3dfdd;
  --shadow: 0 1px 3px rgba(37, 31, 29, 0.08);
  --shadow-lg: 0 8px 24px rgba(37, 31, 29, 0.12);

  /* Text */
  --text: #251f1d;
  --dim: #7b7472;

  /* Accent */
  --accent: #c2562f;
  --accent-text: #ffffff;
  --accent-hover: #aa4016;
  --accent-lo: rgba(194, 86, 47, 0.1);
  --accent-lo-hover: rgba(194, 86, 47, 0.18);
  --accent-glow: 0 2px 8px rgba(194, 86, 47, 0.25);

  /* Semantic */
  --success: #0a7e3a;
  --success-lo: rgba(10, 126, 58, 0.1);
  --warn: #8d5e00;
  --warn-lo: rgba(141, 94, 0, 0.1);
  --danger: #ab413a;
  --danger-lo: rgba(171, 65, 58, 0.1);
  --info: #0070a6;
  --info-lo: rgba(0, 112, 166, 0.1);

  /* Categories */
  --cat-1: #6c56b2;
  --cat-1-lo: rgba(108, 86, 178, 0.1);
  --cat-2: #007974;
  --cat-2-lo: rgba(0, 121, 116, 0.1);
  --cat-3: #a24071;
  --cat-3-lo: rgba(162, 64, 113, 0.1);
  --cat-4: #5d7300;
  --cat-4-lo: rgba(93, 115, 0, 0.1);
  --cat-5: #8d4998;
  --cat-5-lo: rgba(141, 73, 152, 0.1);
  --cat-6: #86603d;
  --cat-6-lo: rgba(134, 96, 61, 0.1);

  /* Charts */
  --series-2: #8c8c8c;

  /* Rows, overlay, focus */
  --row-hover: rgba(37, 31, 29, 0.035);
  --row-border: #efeceb;
  --row-selected: var(--accent-lo);
  --overlay: rgba(37, 31, 29, 0.45);
  --ring: rgba(194, 86, 47, 0.25);
}