/* Arcticside AI — Radius, shadow, border, motion tokens
   The brand leans fully ROUNDED: pill buttons, soft cards, capsule chips. */
:root {
  /* Corner radii — generous & soft */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-2xl: 44px;   /* large panels / hero cards */
  --radius-pill: 999px; /* buttons, chips, nav */
  --radius-circle: 50%;

  /* Borders */
  --border-width: 1px; /* @kind other */
  --border-width-thick: 1.5px; /* @kind other */

  /* Shadows — soft, cool-tinted, low-contrast (premium feel) */
  --shadow-xs: 0 1px 2px rgba(16,29,51,0.06);
  --shadow-sm: 0 2px 8px rgba(16,29,51,0.06);
  --shadow-md: 0 8px 24px rgba(16,29,51,0.08);
  --shadow-lg: 0 18px 48px rgba(16,29,51,0.10);
  --shadow-xl: 0 32px 80px rgba(16,29,51,0.14);
  --shadow-focus: 0 0 0 4px var(--focus-ring);
  --shadow-inner: inset 0 1px 2px rgba(16,29,51,0.06);
  /* Dark-surface shadow */
  --shadow-dark: 0 24px 60px rgba(8,15,28,0.45);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */

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