/* ==========================================================================
   Amplified — Shape, elevation & motion tokens
   Pill CTAs are the signature. Soft teal-tinted shadows on light,
   deep black shadows on dark.
   ========================================================================== */

:root {
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;  /* pill CTAs — the signature shape */

  --shadow-sm: 0 1px 3px rgba(0, 38, 45, 0.10);
  --shadow-md: 0 4px 12px rgba(0, 38, 45, 0.12);
  --shadow-lg: 0 12px 32px rgba(0, 38, 45, 0.18);

  --border-width: 1px;
  --border-width-strong: 2px;

  --transition-fast: 150ms ease; /* @kind other */
  --transition-base: 250ms ease; /* @kind other */
  --transition-slow: 400ms ease; /* @kind other */
}

.theme-dark,
[data-theme='dark'] {
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
}