/* ACE Inventory shared theme — ACE brand: black base + red accent (2026-07-08). Dark is the default; light activates via . Forms consume ONLY these variables so the whole app re-themes from this one file. Base surfaces are neutral near-black (charcoal) so the red accent, the category colours, and the red/gold/green alerts all pop. Brand red lives on the chrome (accent); the alert red (--danger) is kept separate for LOW/critical. --frame is intentionally left as the original neutral border colour. */ :root{ --bg:#131316; --bg2:#1c1c20; --card:#24242a; --card2:#2c2c33; --inset:#0e0e11; --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.20); --ink:#f3f1ef; --soft:#d6d3ce; --muted:#a5a3a0; --faint:#6f6d6a; --accent:#e31e24; --accent2:#f5454b; --accent-bg:rgba(227,30,36,.18); --on-accent:#ffffff; --green:#50d67c; --green-bg:rgba(80,214,124,.16); --green-tx:#9affb6; --gold:#f29129; --gold-bg:rgba(242,145,41,.16); --gold-tx:#ffb65c; --danger:#e12d42; --danger-bg:rgba(225,45,66,.16); --danger-tx:#ff98a4; --field:#0e0e11; --shadow:rgba(0,0,0,.5); --frame:#707a86; --chrome-hover:rgba(255,255,255,.08); --close-hover:#c0212c; } body[data-theme="light"]{ --bg:#f2f1ef; --bg2:#e7e6e3; --card:#ffffff; --card2:#f7f6f4; --inset:#f3f2f0; --line:rgba(20,18,18,.12); --line2:rgba(20,18,18,.22); --ink:#1a1a1c; --soft:#45443f; --muted:#5f5e59; --faint:#8a8984; --accent:#d81f25; --accent2:#b3171c; --accent-bg:#fde3e4; --on-accent:#ffffff; --green:#118848; --green-bg:#e3f5ea; --green-tx:#0d6636; --gold:#c36b12; --gold-bg:#fdf1e2; --gold-tx:#9a5510; --danger:#d51e31; --danger-bg:#fff2f3; --danger-tx:#b01626; --field:#ffffff; --shadow:rgba(30,25,25,.16); --frame:#5b6b7d; --chrome-hover:rgba(20,18,18,.08); --close-hover:#d51e31; }