/* Loft Control — design tokens, reset, typography.
   Palette carried over from the original demo dashboard. */

:root {
  --bg: #14171C;
  --surface: #1D2229;
  --surface-raised: #262C35;
  --border: #333B47;
  --amber: #E8A33D;
  --amber-glow: rgba(232, 163, 61, 0.25);
  --sky: #4FA3D1;
  --text: #ECE8E0;
  --text-muted: #8B93A1;
  --success: #6FBF73;
  --danger: #E2685A;
  --radius: 12px;
  --tabbar-h: calc(58px + env(safe-area-inset-bottom, 0px));
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', var(--font-body);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

* { box-sizing: border-box; }

html { height: 100%; }

body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 600;
  margin: 0 0 4px;
}
h1 { font-size: 1.35rem; }
h2 { font-size: 1.15rem; }
h3 { font-size: 0.95rem; }

a { color: var(--sky); text-decoration: none; }
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.muted { color: var(--text-muted); }
.small { font-size: 0.8rem; }

label {
  display: block;
  font-size: 0.78rem;
  color: var(--text-muted);
  margin: 12px 0 4px;
}

input, select, textarea {
  width: 100%;
  padding: 11px 12px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  font-family: inherit;
  font-size: 16px; /* >=16px stops iOS zooming the viewport on focus */
}
input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--amber);
  border-color: var(--amber);
}

::placeholder { color: #5d6674; }