/* Design tokens (custom properties) and global reduced-motion preferences — loads globally. */

:root {
  --brand-teal: #0089AC;
  --brand-teal-dark: #145976;
  --brand-teal-darker: #0B3C52;
  --brand-lime: #9DD64F;
  --brand-lime-soft: #D9F89F;
  --brand-lime-deep: #9DD64F;
  --brand-amber: #F69C08;
  --brand-trust: #00b67a;

  --ink: #0A0E14;
  --ink-2: #1F252E;
  --ink-3: #4A525D;
  --ink-4: #8A929D;
  --ink-5: #C5CAD0;

  --bg: #FFFFFF;
  --bg-soft: #F7F7F5;
  --bg-card: #FFFFFF;
  --rule: #EDEEF0;
  --rule-2: #E4E5E7;

  --sans: 'Onest', system-ui, -apple-system, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);

  --shadow-sm: 0 1px 2px rgba(10, 14, 20, .04), 0 2px 8px rgba(10, 14, 20, .04);
  --shadow-md: 0 4px 12px rgba(10, 14, 20, .06), 0 12px 32px rgba(10, 14, 20, .06);
  --shadow-lg: 0 12px 24px rgba(10, 14, 20, .08), 0 32px 80px rgba(10, 14, 20, .1);
  --shadow-hero: 0 24px 48px rgba(20, 89, 118, .12), 0 48px 120px rgba(20, 89, 118, .16);

  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-xl: 36px;
  --r-pill: 999px;
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .rv { opacity: 1; transform: none; }
  .hero-card { transform: none !important; }
  .vf-search .cursor { animation: none; opacity: 1; }
}