/* CSS Club 52 — base styles */
:root {
  --orange: #ff6b2b;
  --orange-dim: #cc5522;
  --dark: #0a0c0f;
  --panel: #111418;
  --border: #1e2530;
  --border-bright: #2a3545;
  --text: #b0bec5;
  --muted: #4a5568;
  --mono: 'Share Tech Mono', monospace;
  --sans: 'Exo 2', sans-serif;
}

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

body {
  background: var(--dark);
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.6;
}

a { color: var(--orange); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--orange-dim); }

input, textarea {
  width: 100%;
  background: #0d1117;
  border: 1px solid var(--border-bright);
  border-radius: 2px;
  color: #e0e6ed;
  font-family: var(--mono);
  font-size: 14px;
  padding: 10px 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

input:focus, textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 2px rgba(255,107,43,0.1);
}

input::placeholder, textarea::placeholder { color: #2a3444; }