:root {
  --primary: #1F4E79;
  --primary-light: #D6E4F0;
  --primary-pale: #E8F0FE;
  --primary-bg: #F0F7FF;
  --bg: #F8F9FA;
  --surface: #FFFFFF;
  --text: #202124;
  --text2: #5F6368;
  --border: #DADCE0;
  --green: #188038;
  --green-bg: #E6F4EA;
  --amber: #F9AB00;
  --amber-bg: #FEF7E0;
  --red: #D93025;
  --red-bg: #FCE8E6;
  --orange-bg: #FFF3E0;
  --orange-text: #E65100;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --radius: 12px;
  --radius-sm: 8px;
  --header-h: 52px;
  --input-min-h: 48px;
  --backdrop: rgba(0,0,0,0.4);

  /* Legacy aliases for backward compat during transition */
  --blue: var(--primary);
  --blue-light: var(--primary-light);
  --blue-bg: var(--primary-bg);
  --gray: var(--bg);
  --gray-dark: var(--text2);
  --white: var(--surface);
  --text-dim: var(--text2);
  --danger: var(--red);
  --warning-bg: var(--amber-bg);
  --warning-text: var(--orange-text);
  --input-h: 60px;
}

[data-theme="dark"] {
  --primary: #8ab4f8;
  --primary-light: #1a3a5c;
  --primary-pale: #1a2a4a;
  --primary-bg: #1a2634;
  --bg: #121212;
  --surface: #1e1e1e;
  --text: #e8eaed;
  --text2: #9aa0a6;
  --border: #3c4043;
  --green: #81c995;
  --green-bg: #1a2e1a;
  --amber: #fdd663;
  --amber-bg: #2e2a1a;
  --red: #f28b82;
  --red-bg: #2e1a1a;
  --orange-bg: #2e2218;
  --orange-text: #fdd663;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --backdrop: rgba(0,0,0,0.6);

  --blue: var(--primary);
  --blue-light: var(--primary-light);
  --blue-bg: var(--primary-bg);
  --gray: var(--bg);
  --gray-dark: var(--text2);
  --white: var(--surface);
  --text-dim: var(--text2);
  --danger: var(--red);
  --warning-bg: var(--amber-bg);
  --warning-text: var(--orange-text);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--bg); color: var(--text); height: 100dvh; overflow: hidden;
  transition: background 0.3s;
}
button { cursor: pointer; border: none; background: none; font-family: inherit; }