/* SwiftSpec design tokens — single source of truth; every tool links this file. */
:root {
  --ss-paper:#ffffff;
  --ss-screen:#fdfdfc;
  --ss-ink:#22313c;
  --ss-ink-soft:#5c6b76;
  --ss-ink-faint:#8b98a1;
  --ss-line:#dde4e8;
  --ss-accent:#2e86ab;
  --ss-accent-soft:#e3f0f6;
  --ss-saved:#3f7d5c;
  --ss-chip:#f1f4f5;
  --ss-font:system-ui,-apple-system,'Segoe UI',sans-serif;
}

.ss-chip {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid var(--ss-line);
  border-radius: 999px;
  background: var(--ss-chip);
  color: var(--ss-ink);
  font: 700 0.8rem/1 var(--ss-font);
}

.ss-chip[aria-pressed="true"],
.ss-chip.is-selected {
  border-color: var(--ss-accent);
  background: var(--ss-accent);
  color: var(--ss-paper);
}

.ss-chip[aria-pressed="true"]::before,
.ss-chip.is-selected::before {
  content: "✓";
  font-weight: 900;
}

.ss-drawer {
  border: 1px solid var(--ss-line);
  border-radius: 0.9rem;
  background: var(--ss-paper);
  box-shadow: 0 12px 34px rgb(34 49 60 / 10%);
}

.ss-savedchip {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ss-saved) 12%, var(--ss-paper));
  color: var(--ss-saved);
  font: 800 0.72rem/1 var(--ss-font);
}