:root {
  --sia-bg: #f4f7fb;
  --sia-surface: #ffffff;
  --sia-surface-soft: #f6fbfc;
  --sia-heading: #0d2343;
  --sia-text: #193650;
  --sia-muted: #71849f;
  --sia-teal: #18a9a6;
  --sia-teal-dark: #0f8585;
  --sia-teal-soft: #e7f7f6;
  --sia-line: #d7e8ee;
  --sia-line-strong: #c9dfe4;
  --sia-danger: #d95454;
  --sia-danger-soft: #fff5f3;
  --sia-shadow: 0 18px 44px rgba(18, 49, 74, 0.08);
  --sia-sidebar-width: 332px;
  --sia-radius-shell: 30px;
  --sia-radius-panel: 28px;
  --sia-radius-control: 16px;
  --sia-radius-compact: 12px;
  --sia-space-1: 4px;
  --sia-space-2: 8px;
  --sia-space-3: 12px;
  --sia-space-4: 16px;
  --sia-space-6: 24px;
  --sia-space-8: 32px;
  --sia-space-10: 40px;
  --sia-space-12: 48px;
}

.sia-focus-ring:focus-visible {
  border-color: var(--sia-teal);
  box-shadow: 0 0 0 4px rgba(24, 169, 166, 0.12);
  outline: none;
}

.sia-panel {
  background: var(--sia-surface);
  border: 1px solid var(--sia-line);
  border-radius: var(--sia-radius-panel);
  box-shadow: var(--sia-shadow);
}

.sia-button-primary,
.sia-button-secondary,
.sia-button-danger {
  align-items: center;
  border-radius: var(--sia-radius-control);
  cursor: pointer;
  display: inline-flex;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  gap: var(--sia-space-2);
  justify-content: center;
  min-height: 48px;
  padding: 0 var(--sia-space-6);
  text-decoration: none;
}

.sia-button-primary {
  background: var(--sia-teal);
  border: 1px solid var(--sia-teal);
  color: #ffffff;
}

.sia-button-secondary {
  background: var(--sia-surface);
  border: 1px solid var(--sia-line-strong);
  color: var(--sia-heading);
}

.sia-button-danger {
  background: var(--sia-danger-soft);
  border: 1px solid #f0c1bd;
  color: var(--sia-danger);
}

.sia-status {
  align-items: center;
  background: var(--sia-teal-soft);
  border: 1px solid #9de0dd;
  border-radius: 999px;
  color: var(--sia-teal-dark);
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 750;
  gap: 7px;
  min-height: 32px;
  padding: 0 12px;
}
