/* Clara portal — shared design tokens + global utilities.
   Sourced from clara.com Webflow CSS custom properties (`--_clara-palette---*`). */

:root {
  --clara-navy: #011131;
  --clara-blue: #0a63d1;
  --clara-azure: #0853b6;
  --clara-cobalt: #06459c;
  --clara-green: #86ea63;
  --clara-green-hover: #00cf60;
  --clara-lavanda: #aac2fe;
  --clara-light: #f3f5f6;
  --clara-grey: #dfe1e2;
  --clara-text: #011131;
  --clara-text-muted: #787c8c;
  --clara-text-subtle: #8c98a4;
  --clara-radius-sm: 6px;
  --clara-radius-md: 8px;
  --clara-radius-lg: 12px;
}

/* Visible focus ring for keyboard users on all interactive elements. */
*:focus-visible {
  outline: 2px solid var(--clara-blue);
  outline-offset: 2px;
  border-radius: var(--clara-radius-sm);
}