/* WebAI shared design tokens — canonical visual language for Portal and Admin. */
:root {
  color-scheme: light dark;

  --webai-font-body: 'Lexend', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --webai-font-display: 'Lexend', system-ui, sans-serif;
  --webai-font-mono: 'JetBrains Mono', 'DM Mono', ui-monospace, SFMono-Regular, Consolas, monospace;

  --webai-color-brand: #1779d4;
  --webai-color-brand-strong: #0f5fac;
  --webai-color-accent: #0f766e;
  --webai-color-accent-strong: #0b5f59;
  --webai-color-success: #08745e;
  --webai-color-warning: #9a6500;
  --webai-color-danger: #b4233f;
  --webai-color-focus: #38bdf8;

  --webai-space-1: 0.25rem;
  --webai-space-2: 0.5rem;
  --webai-space-3: 0.75rem;
  --webai-space-4: 1rem;
  --webai-space-5: 1.25rem;
  --webai-space-6: 1.5rem;
  --webai-space-8: 2rem;
  --webai-space-10: 2.5rem;
  --webai-space-12: 3rem;

  --webai-radius-sm: 0.5rem;
  --webai-radius-md: 0.75rem;
  --webai-radius-lg: 1.125rem;
  --webai-radius-pill: 999px;

  --webai-control-height-sm: 2.25rem;
  --webai-control-height: 2.75rem;
  --webai-control-height-lg: 3rem;
  --webai-content-width: 77.5rem;
  --webai-admin-content-width: 90rem;
  --webai-transition: 180ms ease;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
[role='button'],
a,
input,
select,
textarea,
summary {
  -webkit-tap-highlight-color: transparent;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--webai-color-focus);
  outline-offset: 2px;
}

:where(button, input, select, textarea):disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto; }
}