/* VidSense visual system — use as the single source of truth */
:root {
  --vs-ink: #171A2D;
  --vs-ink-2: #343953;
  --vs-muted: #6D7188;
  --vs-border: #E6E8F0;
  --vs-surface: #FFFFFF;
  --vs-bg: #F7F8FC;
  --vs-purple: #6D5DFB;
  --vs-purple-dark: #5146D8;
  --vs-lilac: #F0EEFF;
  --vs-teal: #24C7C9;
  --vs-teal-soft: #E9FAFA;
  --vs-gold: #F2B72B;
  --vs-radius-sm: 10px;
  --vs-radius-md: 16px;
  --vs-radius-lg: 22px;
  --vs-radius-xl: 28px;
  --vs-shadow-sm: 0 2px 10px rgba(23,26,45,.06);
  --vs-shadow-md: 0 12px 36px rgba(23,26,45,.08);
  --vs-shadow-focus: 0 0 0 4px rgba(109,93,251,.14);
}