/* Podium IQ — spacing / radius / shadow / borders
   Radius: shadcn theme is ZERO-radius (--radius: 0rem; every primitive is rounded-none).
   Marketing surfaces & trace-layer chrome use their own literal radii. */
:root {
  --radius: 0rem;              /* app primitives: buttons, inputs, cards, badges, dialogs */
  --radius-chip: 6px;          /* trace filter chips (rounded-md) */
  --radius-cta: 10px;          /* trace CTA + sidebar links (rounded-[10px]) */
  --radius-card-marketing: 20px;/* landing cards (rounded-[20px]) */
  --radius-pill: 9999px;       /* signal pills, avatars, landing navbar */

  /* Spacing rhythm (tailwind steps used) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;

  /* Component metrics */
  --control-h: 36px;     /* h-9 buttons, inputs, selects */
  --control-h-sm: 32px;  /* h-8 */
  --control-h-lg: 40px;  /* h-10 */
  --navbar-h: 64px;      /* h-16 */
  --sidebar-w: 288px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-card-hover: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-nav: 0 10px 15px -3px #f3f4f6;
}