/* CLYN· design tokens — single source of truth.
   Linked by index.html AND /tool/. Never re-declare these values elsewhere;
   reference them (var(--blue), etc.) and add new tokens additively only. */
:root {
  --blue: #0259DD;
  --blue-deep: #0246AE;
  --blue-tint: #E8F0FE;
  --coral: #FF6648;
  --coral-soft: #FFE7E1;
  --ink: #0B1220;
  --slate: #586173;
  --mist: #F4F7FC;
  --line: #E4EAF3;
  --white: #FFFFFF;
  --radius: 20px;
  --radius-sm: 12px;
  --shadow-sm: 0 1px 2px rgba(11,18,32,.04), 0 4px 16px rgba(11,18,32,.05);
  --shadow-md: 0 8px 30px rgba(2,89,221,.10), 0 2px 8px rgba(11,18,32,.05);
  --shadow-blue: 0 18px 50px -18px rgba(2,89,221,.55);
  --container: 1140px;
  --ease: cubic-bezier(.22,.61,.36,1);
}