@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* HAON Brand */
  --haon-blue-deep: #0f2847;
  --haon-blue: #1a5bb8;
  --haon-blue-bright: #2c79e0;
  --haon-blue-light: #5BA3E8;
  --haon-accent: #ffd700;
  --haon-white: #ffffff;

  /* Text */
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.9);
  --text-muted: rgba(255, 255, 255, 0.6);
  --text-faint: rgba(255, 255, 255, 0.4);

  /* Backgrounds */
  --bg-gradient: linear-gradient(160deg, #0f2847 0%, #1a4a8a 40%, #1a5bb8 100%);
  --bg-glass: rgba(255, 255, 255, 0.06);
  --bg-glass-hover: rgba(255, 255, 255, 0.1);
  --bg-glass-border: rgba(255, 255, 255, 0.12);
  --bg-input: rgba(0, 0, 0, 0.25);
  --bg-input-focus: rgba(0, 0, 0, 0.35);

  /* Status */
  --color-error: #ff6b6b;
  --color-success: #51cf66;
  --color-warning: #ffd700;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 50px;

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 24px rgba(255, 215, 0, 0.4);

  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  color: var(--text-primary);
  background: var(--bg-gradient);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}

button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, select, textarea { font-family: inherit; font-size: inherit; }