:root {
  --accent: #30b0c7;
  --text: #1c1c1e;
  --text-secondary: #6e6e73;
  --border: #e5e5ea;
  --bg: #fff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #40c8e0;
    --text: #f5f5f7;
    --text-secondary: #a1a1a6;
    --border: #38383a;
    --bg: linear-gradient(180deg, #3a3a3c 0%, #1c1c1e 100%) fixed;
  }
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--accent);
}