/* Alef10 Shield — adoption layer.
 *
 * Canonical tokens live in design-system/. This file is the copy that ships
 * with the static site (Netlify publishes web/). Re-run
 * scripts/sync-design-system.sh after token changes, then keep the aliases
 * below so existing Shield CSS (--paper, --ink, --void) still resolves.
 */
@import url("./tokens/fonts.css");
@import url("./tokens/colors.css");
@import url("./tokens/typography.css");
@import url("./tokens/spacing.css");
@import url("./tokens/effects.css");
@import url("./tokens/base.css");

:root {
  --paper: var(--bg);
  --card: var(--surface-card);
  --ink: var(--text-primary);
  --ink-muted: var(--text-secondary);
  --rule: var(--border);
  --rule-firm: var(--border-strong);
  --green: var(--success);
  --red: var(--danger);
  --amber: var(--warning);
  --focus: var(--accent);
  --sans: var(--font-sans);
  --void: var(--bg);
  --panel: var(--surface-card);
  --raised: var(--bg-raised);
  --line: var(--border);
}

.a10-mark {
  width: 1.55rem;
  height: 1.25rem;
  color: var(--text-primary);
  flex: none;
}

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: var(--font-sans);
  font-weight: 500;
  letter-spacing: -0.03em;
  text-transform: none;
}

.wordmark .a10-ten {
  color: var(--accent-text);
}

.wordmark strong {
  font-weight: 500;
  color: var(--text-secondary);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.72em;
  font-family: var(--font-mono);
}

.card .wordmark {
  margin: 0 0 1.15rem;
}

input,
select,
textarea {
  border-radius: var(--radius-sm);
  font-family: inherit;
}

button,
.btn,
.btn-primary {
  border-radius: var(--radius-sm);
}

:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}