/* Design tokens. The design-kit skill writes this file for your app; these are neutral defaults
 * so the template looks like nothing in particular. Every component reads these and nothing else.
 * One accent. One radius scale. Light and dark. */

:root {
  --font: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif;
  --font-display: var(--font);

  --ground: #f5f4f1;
  --panel: #ffffff;
  --inset: #ecebe7;
  --hover: #e3e1dc;
  --sunken: #efeeea;
  --hair: rgba(28, 27, 25, 0.1);
  --hair-2: rgba(28, 27, 25, 0.16);
  --ink-strong: #161614;
  --ink: #2a2927;
  --ink-muted: #6d6b66;
  --ink-quiet: #908d87;
  --accent: #1d6b5a;
  --accent-text: #1a5f50;
  --accent-soft: rgba(29, 107, 90, 0.11);
  --accent-line: rgba(29, 107, 90, 0.5);
  --btn: #1d6b5a;
  --btn-down: #175848;
  --btn-ink: #ffffff;
  --good: #1f8f4c;
  --bad: #c8322c;
  --warn: #b7810e;
  --info: #2c6fd6;
  --good-soft: rgba(31, 143, 76, 0.1);
  --bad-soft: rgba(200, 50, 44, 0.09);
  --warn-soft: rgba(183, 129, 14, 0.1);
  --info-soft: rgba(44, 111, 214, 0.09);
  --float: 0 10px 24px rgba(20, 20, 18, 0.12), 0 1px 3px rgba(20, 20, 18, 0.08);
  --sheet-shadow: 0 -12px 40px rgba(20, 20, 18, 0.12);
  --glass: rgba(255, 255, 255, 0.72);
  --glass-line: rgba(28, 27, 25, 0.08);
  --home-ind: #161614;

  /* Radius scale: pills for actions and chips; cards 20; rows 16; tiles 10; inner = outer − gap. */
  --r-card: 20px;
  --r-row: 16px;
  --r-tile: 10px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #151514;
    --panel: #1f1f1d;
    --inset: #2a2a27;
    --hover: #33332f;
    --sunken: #181817;
    --hair: rgba(240, 238, 232, 0.1);
    --hair-2: rgba(240, 238, 232, 0.16);
    --ink-strong: #f2f0ea;
    --ink: #dedbd3;
    --ink-muted: #a19e96;
    --ink-quiet: #7f7c75;
    --accent: #5fc2a6;
    --accent-text: #6ccdb1;
    --accent-soft: rgba(95, 194, 166, 0.13);
    --accent-line: rgba(95, 194, 166, 0.55);
    --btn: #5fc2a6;
    --btn-down: #4daf94;
    --btn-ink: #0f1a17;
    --good: #51d982;
    --bad: #ef4c45;
    --warn: #f5b73b;
    --info: #4c93ff;
    --good-soft: rgba(81, 217, 130, 0.12);
    --bad-soft: rgba(239, 76, 69, 0.12);
    --warn-soft: rgba(245, 183, 59, 0.12);
    --info-soft: rgba(76, 147, 255, 0.12);
    --float: 0 10px 24px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
    --sheet-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
    --glass: rgba(31, 31, 29, 0.72);
    --glass-line: rgba(240, 238, 232, 0.1);
    --home-ind: #f2f0ea;
  }
}
:root[data-theme="dark"] {
  --ground: #151514;
  --panel: #1f1f1d;
  --inset: #2a2a27;
  --hover: #33332f;
  --sunken: #181817;
  --hair: rgba(240, 238, 232, 0.1);
  --hair-2: rgba(240, 238, 232, 0.16);
  --ink-strong: #f2f0ea;
  --ink: #dedbd3;
  --ink-muted: #a19e96;
  --ink-quiet: #7f7c75;
  --accent: #5fc2a6;
  --accent-text: #6ccdb1;
  --accent-soft: rgba(95, 194, 166, 0.13);
  --accent-line: rgba(95, 194, 166, 0.55);
  --btn: #5fc2a6;
  --btn-down: #4daf94;
  --btn-ink: #0f1a17;
  --good: #51d982;
  --bad: #ef4c45;
  --warn: #f5b73b;
  --info: #4c93ff;
  --good-soft: rgba(81, 217, 130, 0.12);
  --bad-soft: rgba(239, 76, 69, 0.12);
  --warn-soft: rgba(245, 183, 59, 0.12);
  --info-soft: rgba(76, 147, 255, 0.12);
  --float: 0 10px 24px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
  --sheet-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
  --glass: rgba(31, 31, 29, 0.72);
  --glass-line: rgba(240, 238, 232, 0.1);
  --home-ind: #f2f0ea;
}