/* src/frontend/static/css/variables.css */

/* default = dark theme */
:root {
  --bg: #0f0f10;
  --panel: #171717;
  --card-bg: #161616;
  --muted: #bdbdbd;
  --text: #bdbdbd;
  --text-inverse: #000000;
  --accent: #D6FF3F;
  --accent-hover: #b0ff00;
  --accent-2: #f2c94c;
  --chip-bg: #D6FF3F;
  --chips-bg: #242424;
  --border-weak: rgba(255,255,255,0.04);
  --overlay: rgba(0,0,0,0.75);
  --glass: rgba(255,255,255,0.06);
  --shadow: 0 8px 24px rgba(0,0,0,0.6);
  --radius: 12px;
  --font-family-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --base-font-size: 16px;
}

/* light theme overrides */
:root[data-theme="light"] {
  --bg: #f6f2ea;
  --panel: #ffffff;
  --card-bg: #ffffff;
  --muted: #7a6f63;
  --text: #1f2624;
  --text-inverse: #000000;
  --accent: #1f8a70;
  --accent-hover: #166b55;
  --accent-2: #f2c94c;
  --chip-bg: #eaf6f1;
  --chips-bg: #fff;
  --border-weak: rgba(31,38,36,0.06);
  --overlay: rgba(31,38,36,0.45);
  --glass: rgba(255,255,255,0.6);
  --shadow: 0 8px 24px rgba(31,38,36,0.08);
}