/* THEME — CSS variables, font, base resets */
/* Auto-split from index.html */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ═══ MILLENIUM OPTIONS — Green Theme (based on ClockWise/ComPower) ═══ */
:root {
  --green:        #2a7a2a;
  --green-dark:   #1e5e1e;
  --green-light:  #e8f5e8;
  --green-mid:    #3a8a3a;
  --bg:           #f0f2f0;
  --surface:      #ffffff;
  --card:         #ffffff;
  --card2:        #f7faf7;
  --border:       #dde8dd;
  --border2:      #c8d8c8;
  --text:         #1a1e1a;
  --text2:        #4a5548;
  --text3:        #8a9b8a;
  --text-inv:     #ffffff;
  --warn:         #e07800;
  --danger:       #d03030;
  --danger-bg:    #fff0f0;
  --success:      #1a8c50;
  --shadow-sm:    0 1px 4px rgba(0,0,0,0.08);
  --shadow:       0 2px 12px rgba(0,0,0,0.10);
  --shadow-md:    0 4px 20px rgba(0,0,0,0.12);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}

body{
  background:var(--bg);
  font-family:'Inter',sans-serif;
  color:var(--text);
  min-height:100vh;
  display:flex;flex-direction:column;
  font-size:14px;
  max-width:430px;
  margin:0 auto;
}