/* Design Tokens - Colors from DeuxTheme Swift app */
:root {
  /* Text colors */
  --text: #242423; /* Neutral.primaryBlack */
  --text-secondary: #767B76; /* Neutral.primaryGray */
  --text-tertiary: #333533; /* Neutral.secondaryBlack */
  
  /* Background colors */
  --bg: #FFFFFF; /* Neutral.primaryWhite */
  --bg-secondary: #F8F8F8; /* Neutral.lightGray */
  --border: #E4E5E4; /* Neutral.secondaryGray */
  
  /* Primary action colors */
  --btn: #5046E5; /* Accent.primary */
  --btn-text: white;
  --btn-hover: #4037CC; /* Darker for hover */
  
  /* Status colors */
  --green: #1FD986;
  --orange: #E59E46;
  
  /* Typography scale */
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-size-base: 16px;
  --font-size-sm: 13px;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 3rem;
  
  /* Spacing scale */
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  
  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  
  /* Shadows */
  --shadow-md: 0 4px 14px rgba(91, 108, 255, 0.25);
  --shadow-lg: 0 6px 20px rgba(91, 108, 255, 0.35);
  
  /* Transitions */
  --transition-fast: 120ms ease;
}