:root {
   
   
  --color-primary: #3DD517;           
  --color-accent: #A2EA26;            
  --color-accent-deep: #84D100;       
  --color-positive: #9DE14D;          
  --color-primary-deep: #84D100;      
  --color-accent-bg: #E9FFC2;         
  --color-track: #F6FDE9;             

   
  --color-danger: #FF5500;            
  --color-error: #FF4B19;             
  --color-mascot: #FFE669;            

   
  --text-primary: #111111;            
  --text-number: rgba(0, 0, 0, 0.9);  
  --text-body: #222426;               
  --text-weak: #555555;               
  --text-secondary: #999999;          
  --text-disabled: #B6C8C8;           
  --text-inverse: #FFFFFF;

   
  --bg-page: #F6F8F8;                 
  --bg-page-alt: #F4F8F8;             
  --bg-surface: #FFFFFF;              
  --bg-fill: #EAF0F0;                 

   
  --radius-sm: 12px;                  
  --radius-md: 16px;                  
  --radius-lg: 20px;                  
  --radius-card: 24px;                
  --radius-xl: 28px;

   
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-page: 14px;                 
  --space-card: 20px;                 

   
  --font-caption: 11px;               
  --font-aux: 12px;                   
  --font-body: 14px;                  
  --font-emphasis: 16px;              
  --font-title: 18px;                 
  --font-number-lg: 30px;             
  --line-height-chat: 26px;           

   
  --font-family-base: 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif;
   
  --font-family-number: 'SFProRounded', ui-rounded, 'PingFang SC', sans-serif;
   

   
  --shadow-card: 0 5px 20px 0 rgba(205, 223, 223, 0.30);       
  --shadow-sheet-up: 0 -4px 16px 0 rgba(205, 223, 223, 0.25);  
  --shadow-btn: 0 1px 4px rgba(0, 0, 0, 0.04);

   
  --btn-height: 48px;                 
  --btn-height-sm: 32px;              
  --progress-height: 32px;            

   
  --color-gradient-start: #D3FF15;

  

  --color-mask: rgba(17, 17, 17, 0.45);
}












:root[data-theme='sunny'],
[data-theme='sunny'] {
  --color-accent: #A2EA26;
  --color-accent-deep: #84D100;
  --color-accent-bg: #E9FFC2;
  --color-gradient-start: #D3FF15;
   
  --ring-g1: #A9F396;
  --ring-g2: #68EA48;
  --ring-g3: #40DD19;
}

 
:root[data-theme='buzz'],
[data-theme='buzz'] {
  --color-accent: #FFD631;
  --color-accent-deep: #EDBB00;
  --color-accent-bg: #FFFCD8;
  --color-gradient-start: #FFEF49;
   
  --ring-g1: #FFF3A0;
  --ring-g2: #FFE04D;
  --ring-g3: #FFD631;
}

 
:root[data-theme='violet'],
[data-theme='violet'] {
  --color-accent: #A283F5;
  --color-accent-deep: #8A63EF;
  --color-accent-bg: #F2EDFF;
  --color-gradient-start: #CAADFF;
   
  --ring-g1: #D9C6FF;
  --ring-g2: #B893FA;
  --ring-g3: #A283F5;
}

 
:root[data-theme='rose'],
[data-theme='rose'] {
  --color-accent: #FF7CA3;
  --color-accent-deep: #F65D8C;
  --color-accent-bg: #FFEEF3;
  --color-gradient-start: #FFA8B9;
   
  --ring-g1: #FFC9D5;
  --ring-g2: #FF95B3;
  --ring-g3: #FF7CA3;
}