/* ════════════════════════════════════════════════════════
   RESET & BASE
════════════════════════════════════════════════════════ */
:root {
  --obs-font-family: 'DM Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --obs-font-size-xs: 10px;
  --obs-font-size-sm: 11px;
  --obs-font-size-md: 12px;
  --obs-font-size-base: 14px;
  --obs-font-size-lg: 18px;
  --obs-font-size-xl: 22px;
  --obs-space-1: 4px;
  --obs-space-2: 8px;
  --obs-space-3: 12px;
  --obs-space-4: 16px;
  --obs-space-5: 20px;
  --obs-space-6: 24px;
  --obs-radius-sm: 6px;
  --obs-radius-md: 8px;
  --obs-radius-lg: 10px;
  --obs-shadow-card: 0 1px 4px rgba(0,0,0,.06);
  --obs-shadow-card-hover: 0 4px 16px rgba(0,0,0,.10);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; font-family: var(--obs-font-family); font-size: var(--obs-font-size-base); }
button, input, select, textarea { font: inherit; }
[v-cloak] { display: none; }