/* ========================================
   OpenCities - CSS Variables
   ======================================== */

:root {
  --bg: #f8fafc;
  --panel: #ffffff;
  --border: #e2e8f0;
  --text: #0C2948;
  --muted: #4F647C;
  --accent: #0C2948;
  --accent-soft: #e0f2fe;
  --accent-bg: rgba(12,41,72,0.1);
  --accent-bg-strong: rgba(12,41,72,0.2);
  --danger: #b91c1c;
  --success: #15803d;
  --shadow-sm: 0 4px 12px rgba(15,23,42,0.08), 0 1px 3px rgba(15,23,42,0.06);
  --shadow-md: 0 6px 20px rgba(86, 192, 224, 0.12), 0 2px 6px rgba(8, 134, 207, 0.08);
  --gradient-header: linear-gradient(135deg, #0C2948, #1E9381);
}

/* Reset & Base */
* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
}

a {
  color: var(--text) !important;
  text-decoration: none;
}