/* sevra ui v1 — additive-only: tokens and classes are never removed or repurposed; new ones append under a bumped version line. https://www.sevrahq.com/docs/publishing */
:root {
  --sevra-bg: #fcfcfb;
  --sevra-surface: #f8f8f6;
  --sevra-code-bg: #f2f2ef;
  --sevra-ink: #0f172a;
  --sevra-text: #1e293b;
  --sevra-soft: #475569;
  --sevra-muted: #64748b;
  --sevra-line: #ecece8;
  --sevra-line-strong: #d9d9d4;
  --sevra-mark: #f6eec7;
  --sevra-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --sevra-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sevra-radius: 10px;
  --sevra-text-sm: .875rem;
  --sevra-text-base: 1rem;
  --sevra-text-lg: 1.15rem;
  --sevra-text-xl: 1.4rem;
}
.sevra-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .55rem 1.15rem; border-radius: 999px; border: 1px solid var(--sevra-ink); background: var(--sevra-ink); color: var(--sevra-bg); font-family: var(--sevra-font); font-size: var(--sevra-text-sm); font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; }
.sevra-btn:hover { opacity: .88; }
.sevra-btn:focus-visible { outline: 2px solid var(--sevra-ink); outline-offset: 2px; }
.sevra-btn-ghost { background: transparent; color: var(--sevra-ink); }
.sevra-card { border: 1px solid var(--sevra-line); border-radius: var(--sevra-radius); background: var(--sevra-bg); padding: 1.1rem 1.25rem; }
.sevra-input, .sevra-select, .sevra-textarea { width: 100%; padding: .5rem .75rem; border: 1px solid var(--sevra-line-strong); border-radius: 8px; background: var(--sevra-bg); color: var(--sevra-text); font-family: var(--sevra-font); font-size: var(--sevra-text-base); line-height: 1.5; }
.sevra-input:focus-visible, .sevra-select:focus-visible, .sevra-textarea:focus-visible { outline: 2px solid var(--sevra-ink); outline-offset: 1px; }
.sevra-label { display: block; font-size: var(--sevra-text-sm); font-weight: 600; color: var(--sevra-ink); margin: 0 0 .3rem; }
.sevra-muted { color: var(--sevra-muted); }