@import url('./tokens.generated.css');

.serras,
[data-color-scheme='serras'] {
  
  --cta-bg: var(--serras-signal-400);
  --cta-fg: var(--serras-abyss-900);

  
  --on-accent: var(--serras-abyss-900);

  
  --bb-scrim-base: #03090b;                 
  --bb-scrim: rgba(3, 9, 11, 0.82);         

  
  --bb-light-tile-bg: #f2f0eb;
  --bb-light-tile-border: #dad5cb;
  --bb-light-tile-fg: #5c6b72;

  
  --chart-1: var(--serras-accent-500);    
  --chart-2: var(--serras-accent-200);    
  --chart-3: var(--serras-success-200);   
  --chart-4: var(--serras-info-300);      
  --chart-5: var(--serras-warn-200);      
  --chart-6: #c87a3c;                     
}