:root {
  color-scheme: light;
  --av-blue: #0c10d4;
  --av-blue-hover: #0a0dae;
  --av-blue-active: #080a8f;
  --av-ink: #010113;
  --av-text: #010113;
  --av-muted: #525252;
  --av-subtle: #6f6f6f;
  --av-surface: #ffffff;
  --av-surface-soft: #fafafa;
  --av-border: #e0e0e0;
  --av-border-strong: #8d8d8d;
  --av-danger: #da1e28;
  --av-success: #24653b;
  --av-focus: #0c10d4;
  --av-heading: 'Poppins', Arial, sans-serif;
  --av-body: 'Google Sans Flex', Arial, sans-serif;
  --av-space-1: .25rem;
  --av-space-2: .5rem;
  --av-space-3: .75rem;
  --av-space-4: 1rem;
  --av-space-5: 1.5rem;
  --av-space-6: 2rem;
  --av-space-7: 3rem;
  --av-space-8: 4rem;
  --av-space-9: 6rem;
  --av-radius-control: .25rem;
  --av-radius-card: 1.5rem;
  --av-radius-panel: 2rem;
  --av-page-gutter: clamp(1.25rem, 4vw, 4rem);
  --av-content-max: 99rem;
  --av-duration: 180ms;
  --av-easing: cubic-bezier(.2, 0, .2, 1);
}
.av-inverse {
  color-scheme: dark;
  --av-text: #ffffff;
  --av-muted: #c6c6d4;
  --av-subtle: #aaaabc;
  --av-surface: #010113;
  --av-surface-soft: #161627;
  --av-border: #393947;
  --av-border-strong: #8d8d9f;
  --av-focus: #b6b8ff;
  color: var(--av-text);
  background: var(--av-surface);
}
@media (prefers-reduced-motion: reduce) {
  :root { --av-duration: 0ms; }
}