/* Brylabs / Lesson Lab shadow + radius tokens — from tailwind.config.ts */

:root {
  /* Shadows — always soft plum, big offset, heavy negative spread */
  --shadow-cloud: 0 34px 92px -54px rgba(var(--shadow-rgb), 0.18);
  --shadow-card: 0 20px 54px -38px rgba(var(--shadow-rgb), 0.18);
  --shadow-surface: 0 18px 44px -32px rgba(var(--shadow-rgb), 0.16);
  --shadow-window: 0 50px 100px -50px rgba(var(--shadow-rgb), 0.45);

  /* Radii */
  --radius-chip: 6px;       /* chips 6–7px */
  --radius-btn: 8px;        /* buttons + feature cards */
  --radius-card: 12px;      /* feature cards */
  --radius-window: 14px;    /* app window, big marketing cards */
  --radius-block: 20px;     /* final CTA block */
  --radius-row: 22px;       /* app list rows */
  --radius-surface: 26px;   /* SurfaceCard (app) */
  --radius-panel: 32px;     /* app gates / large panels (30–36px) */
  --radius-pill: 999px;     /* status pills, avatars, progress */
}