:root {
  /* Brand */
  --app-blue: #1f5597;
  --app-blue-2: #184c8f;

  /* Backgrounds */
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface2: #f1f3f5;
  --surface3: #e9edf1;

  /* Borders & shadows */
  --border: #d8dde3;
  --radius: 8px;
  --shadow: 0 8px 22px rgba(26, 55, 94, .18);
  --soft-shadow: 0 2px 10px rgba(33, 47, 64, .12);

  /* Text */
  --text: #2f3439;
  --text2: #6f7a83;

  /* Accent */
  --accent: #0072ce;
  --accent2: #48b5ff;

  /* Semantic */
  --green: #2b8a3e;
  --red: #c8202b;
  --yellow: #f6bd16;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { min-height: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }