/*
 * Theme: brass (suite default, shared with fintracker)
 * A theme only defines colour tokens. Light values live on :root, dark values
 * under [data-mode="dark"]. Copy this file to add a theme and select it with
 * MYVE_GROCER_THEME=<file name without .css>.
 */
:root {
  color-scheme: light;
  --bg: #f4efe4;
  --surface: #fffaf3;
  --surface-alt: #f6f1e9;
  --surface-sunk: #efe4d2;
  --border: rgba(62, 44, 18, 0.14);
  --text: #2c241c;
  --muted: #6e5b45;
  --faint: #7a6752;
  --accent: #8a5612;
  --accent-hover: #6e4510;
  --accent-soft: rgba(138, 86, 18, 0.14);
  --accent-fill: #e4b56a;
  --on-accent: #23190c;
  --brand: #2c241c;
  --positive: #1d6b43;
  --negative: #a33b32;
  --negative-soft: rgba(163, 59, 50, 0.12);
  --danger-line: rgba(163, 59, 50, 0.35);
  --focus: #8a5612;
  --shadow: 0 18px 40px rgba(72, 48, 12, 0.08);
  --top: rgba(244, 239, 228, 0.9);
  --input: #fffdf8;
  --wash: rgba(62, 44, 18, 0.06);
  --stripe-hover: rgba(62, 44, 18, 0.08);
  --glow: rgba(138, 86, 18, 0.12);
  --selection: rgba(138, 86, 18, 0.22);
  --backdrop: rgba(44, 36, 28, 0.35);
}

:root[data-mode="dark"] {
  color-scheme: dark;
  --bg: #101114;
  --surface: #171a20;
  --surface-alt: #1f2228;
  --surface-sunk: #0e1014;
  --border: rgba(244, 240, 230, 0.1);
  --text: #f4f0e6;
  --muted: #a39e93;
  --faint: #6f6a62;
  --accent: #e4b56a;
  --accent-hover: #f3d7a4;
  --accent-soft: rgba(228, 181, 106, 0.14);
  --accent-fill: #e4b56a;
  --on-accent: #23190c;
  --brand: #f4f0e6;
  --positive: #b7ebcf;
  --negative: #ffb0a4;
  --negative-soft: rgba(255, 90, 72, 0.18);
  --danger-line: rgba(255, 176, 164, 0.4);
  --focus: #e4b56a;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  --top: rgba(16, 17, 20, 0.78);
  --input: #0e1014;
  --wash: rgba(255, 255, 255, 0.05);
  --stripe-hover: rgba(255, 255, 255, 0.075);
  --glow: rgba(228, 181, 106, 0.09);
  --selection: rgba(228, 181, 106, 0.35);
  --backdrop: rgba(0, 0, 0, 0.55);
}