/* =========================================================
   CaveTools Customer Onboarding — Design Tokens
   Brand: Blue #0052CC · Orange #FF7A00 · Ink #0D1117 (matches cavetools.co.za)
   ========================================================= */

:root {
  --color-blue: #0052CC;
  --color-blue-600: #0047b3;
  --color-blue-050: #E6F0FF;
  --color-orange: #FF7A00;
  --color-orange-600: #e66e00;
  --color-orange-050: #FFF1E2;
  --color-ink: #0D1117;
  --color-ink-700: #2b323c;
  --color-grey: #5b6572;
  --color-grey-050: #F4F6F8;
  --color-line: #e6e9ee;
  --color-line-soft: #eef1f5;
  --color-white: #ffffff;
  --color-bg: #f7f8fa;
  --color-surface: #ffffff;

  --color-success: #1f8a4d;
  --color-success-bg: #e9f7ef;
  --color-warn: #b7791f;
  --color-warn-bg: #fdf3e3;
  --color-danger: #c0392b;
  --color-danger-bg: #fbeae8;

  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-xxxl: clamp(2.2rem, 1.6rem + 2.6vw, 3.2rem);
  --fs-xxl:  clamp(1.7rem, 1.3rem + 1.6vw, 2.3rem);
  --fs-xl:   clamp(1.3rem, 1.1rem + 0.8vw, 1.6rem);
  --fs-lg:   1.2rem;
  --fs-md:   1.0625rem;
  --fs-sm:   0.9375rem;
  --fs-xs:   0.8125rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(13,17,23,.06), 0 4px 12px rgba(13,17,23,.05);
  --shadow-md: 0 10px 30px rgba(13,17,23,.10);
  --shadow-lg: 0 24px 60px rgba(13,17,23,.16);

  --container-max: 1080px;
  --ease: cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}