/* ============================================================================
   CSS Variables & Root Styles
   ============================================================================ */
:root {
  --bg-top: #d8e9ff;
  --bg-bottom: #eef3ff;
  --ink: #1f2430;
  --muted: #6c7280;
  --border: rgba(35, 44, 62, 0.12);
  --card: rgba(255, 255, 255, 0.92);
  --card-strong: #ffffff;
  --shadow: 0 24px 60px rgba(23, 36, 60, 0.12);
  --shadow-soft: 0 12px 30px rgba(23, 36, 60, 0.10);
  --radius: 20px;
  --accent: #3a6ff7;
  --primary: #2563eb;
  --primary-dark: #1e40af;
  --secondary: #64748b;
  --success: #10b981;
  --error: #ef4444;
  --bg-light: #f8fafc;
  --bg: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Sora", "Space Grotesk", "Avenir Next", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: var(--ink);
  min-height: 100vh;
}

#app {
  width: 100%;
  min-height: 100vh;
}