/* =============================================================
   variables.css — Organic Mechanic shared design tokens + reset
   Compatible with: Flask/Jinja2, .NET Razor, plain HTML
   ============================================================= */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --green-dark:  #085c2b;
  --green-mid:   #0D9A48;
  --green-light: #14b857;
  --cream:       #f8f4ec;
  --cream-dark:  #ede8dc;
  --text:        #1a1a1a;
  --text-light:  #555;
  --accent:      #0D9A48;
  --user-bg:     #0D9A48;
  --user-text:   #f8f4ec;
  --bot-bg:      #ffffff;
  --border:      #d8d3c8;
  --shadow:      rgba(0, 0, 0, 0.08);
}