/* Spark Shape Tokens - Unified Border Radius System */
/* 
 * This file defines consistent corner radii based on the Spark design system.
 * All components should use these tokens instead of hard-coded pixel values.
 * 
 * Token naming convention:
 * - --radius-panel: For cards, panels, and large surfaces (12px)
 * - --radius-bubble: For chat bubbles (14px with selective sharp corners)
 * - --radius-chip: For chips, badges, and tags (pill-shaped: 999px)
 * - --radius-input: For text inputs and form fields (10px)
 * - --radius-button: For buttons and CTAs (pill-shaped: 999px)
 */

:root {
  /* Core radius tokens */
  --radius-panel: 12px;
  --radius-bubble: 14px;
  --radius-chip: 999px;
  --radius-input: 10px;
  --radius-button: 999px;
  
  /* Legacy support - map old tokens to new ones for backwards compatibility */
  --radius: 16px; /* Keep for any components that still use this */
  --radius-card: var(--radius-panel);
}