/*
 * variables.css — design tokens.
 *
 * The palette mirrors the host site tiny-solar.space (cream background, deep
 * forest-green ink, sand panels, tan borders) plus accent hues the simulator
 * adds for solar / compute / battery / danger states. Change a value here to
 * retheme the entire UI.
 */
:root{
  --bg:#fcf9f0; --sand:#ede9d7; --line:#d4cfbd; --line2:#e2dcca;
  --ink:#0a5c0a; --ink-deep:#1c3320; --muted:#7e9480; --dim:#a7b3a2;
  --solar:#bd7e0e; --compute:#15706a; --batt:#377c43; --danger:#cf4a4a; --warn:#bf6f18;
  --card:rgba(252,249,240,.90);
}