/* ============================================================
   Airqoon — Radius, shadow, border & motion tokens
   ============================================================ */

:root {
  /* ---- Corner radius ---- */
  --radius-xs: 4px;     /* inputs, chips */
  --radius-sm: 6px;
  --radius-md: 8px;     /* cards, default (Mantine md / app convention) */
  --radius-lg: 12px;
  --radius-xl: 16px;    /* feature cards, hero panels */
  --radius-2xl: 24px;
  --radius-pill: 999px;

  /* ---- Elevation / shadows ---- */
  --shadow-xs: 0 1px 2px rgba(16, 27, 51, 0.06);
  --shadow-sm: 0 1px 2px rgba(16, 27, 51, 0.08), 0 1px 3px rgba(16, 27, 51, 0.06);
  --shadow-md: 0 2px 6px rgba(16, 27, 51, 0.08), 0 4px 12px rgba(16, 27, 51, 0.08);
  --shadow-lg: 0 8px 24px rgba(16, 27, 51, 0.10), 0 2px 6px rgba(16, 27, 51, 0.06);
  --shadow-xl: 0 16px 48px rgba(16, 27, 51, 0.16);
  /* Lifted button shadow used on marketing CTAs */
  --shadow-button: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
  /* Brand-tinted glow for active data cards */
  --shadow-brand: 0 6px 20px rgba(8, 110, 255, 0.22);

  /* ---- Borders ---- */
  --border-width: 1px;          /* @kind spacing */
  --border-width-strong: 2px;   /* @kind spacing */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --dur-fast: 120ms;     /* @kind other */
  --dur-base: 200ms;     /* @kind other */ /* the apps' default transition */
  --dur-slow: 320ms;     /* @kind other */

  /* ---- Z-index ---- */
  --z-base: 1;        /* @kind other */
  --z-sticky: 100;    /* @kind other */
  --z-overlay: 1000;  /* @kind other */
  --z-modal: 1100;    /* @kind other */
  --z-toast: 1200;    /* @kind other */
}