/* HomeVisor design tokens — "calm utility" light theme */
:root {
  color-scheme: light;
  --hv-bg: #F6F7F5;
  --hv-card: #FFFFFF;
  --hv-tint: #EDF2EE;
  --hv-text: #17211D;
  --hv-text-2: #55645E;
  --hv-text-3: #8B9791;
  --hv-border: #E2E8E4;
  --hv-border-soft: #F0F3F1;
  --hv-green: #0E9F6E;
  --hv-green-dark: #0B7A55;
  --hv-green-tint: #DFF3E9;
  --hv-amber: #E8930C;
  --hv-amber-tint: #FBF0DC;
  --hv-amber-ink: #9A5F05;
  --hv-danger: #C2410C;
  --hv-radius: 16px;
  --hv-radius-sm: 10px;
  --hv-shadow: 0 1px 2px rgba(23, 33, 29, 0.05), 0 12px 32px -16px rgba(23, 33, 29, 0.18);
  --hv-font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --hv-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Legacy variable names used by styles.css, remapped to the new palette */
  --bg: var(--hv-bg);
  --bg-elevated: var(--hv-card);
  --surface: var(--hv-card);
  --surface-2: var(--hv-tint);
  --surface-3: var(--hv-tint);
  --text: var(--hv-text);
  --muted: var(--hv-text-2);
  --accent: var(--hv-green);
  --accent-soft: var(--hv-green-tint);
  --teal: var(--hv-green-dark);
  --teal-soft: var(--hv-green-tint);
  --sand: var(--hv-amber);
  --success: var(--hv-green);
  --danger: var(--hv-danger);
  --border: var(--hv-border);
  --bar-kwh: var(--hv-green);
  --bar-cost: var(--hv-amber);
  --shadow: var(--hv-shadow);
  --radius-lg: var(--hv-radius);
  --radius-md: 12px;
  --font-display: var(--hv-font-display);
  --font-body: var(--hv-font-body);
}