/* Ergon base.css */
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --bg: #f7f8fa; --surface: #ffffff; --border: #e2e5ea; --border2: #c8cdd6;
    --text: #1a1d23; --muted: #6b7280; --hint: #9ca3af;
    --blue: #2c6fc4; --blue-light: #dceaf7; --blue-dark: #1c4a8c;
    --green-bg: #EAF3DE; --green-txt: #3B6D11;
    --amber-bg: #FAEEDA; --amber-txt: #854F0B;
    --red-bg: #FCEBEB; --red-txt: #A32D2D;
    --gray-bg: #F1EFE8; --gray-txt: #5F5E5A;
    --teal-bg: #E1F5EE; --teal-txt: #0F6E56;
    --radius: 8px; --radius-lg: 12px;
  }
  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 15px; color: var(--text); background: var(--bg); }
  /* ── RESPONSIVE LAYOUT ─────────────────────────────────────────── */