/* Base styles */
@import "variables.css";

* { box-sizing: border-box; }
html,body{ height:100%; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--text);
  background: linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.container {
  max-width: var(--max-width);
  margin: 24px auto;
  padding: 24px;
}

a { color: var(--primary); text-decoration:none }
small { color: var(--muted); }

.card {
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 18px;
}

.h1 { font-size: 20px; font-weight:700; margin:0 0 8px 0 }
.h2 { font-size:16px; font-weight:600; margin:0 0 6px 0 }
.label { color:var(--muted); font-size:12px }