/* Flying Fish Autowash — design tokens (CarWash Connect DS) */
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
:root{
  --teal-50:#ECFBFC; --teal-300:#67D2DC; --teal-600:#0B6E7B; --teal-700:#0A5A65;
  --gray-100:#ECEEF0; --gray-200:#DDE1E4; --gray-300:#C5CBD0; --gray-500:#6F787F; --gray-600:#515961; --gray-800:#272C31; --gray-900:#15181C;
  --surface-canvas:#FBF9F6; --surface-card:#FFFFFF; --surface-raised:#FFFFFF;
  --border-subtle:#ECE7DF; --border-default:var(--gray-200);
  --text-strong:var(--gray-900); --text-body:var(--gray-800); --text-secondary:var(--gray-600); --text-muted:var(--gray-500); --text-link:var(--teal-700); --text-brand:var(--teal-600);
  --brand:var(--teal-600); --brand-hover:var(--teal-700); --brand-subtle-bg:var(--teal-50);
  --font-display:'Schibsted Grotesk','Hanken Grotesk',system-ui,sans-serif;
  --font-ui:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --shadow-sm:0 1px 2px rgba(21,24,28,.06),0 2px 6px rgba(21,24,28,.06);
  --dur-fast:140ms; --ease-standard:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-reduced-motion: reduce){:root{--dur-fast:0ms}}
body{font-family:var(--font-ui);background:var(--surface-canvas);color:var(--text-body)}