:root {
  
  --az-sky: #87CEEB;           
  --az-sand: #E6D5B8;          
  --az-adobe: #D2691E;         
  --az-cactus: #6B8E23;        
  --az-sunset: #FF6B35;        
  --az-stone: #8B7355;         
  --az-cream: #FFF8DC;         
  --az-rust: #B7410E;          
  
  
  --bg: #ffffff;
  --bg-page: var(--az-cream);
  --text: #2d1810;             
  --muted: #6b7280;
  --accent: var(--az-adobe);
  --accent-hover: var(--az-rust);
  --card: #fffef9;
  --border: #e4d5c4;
  --tile-bg: var(--card);
  
  
  --ok: var(--az-cactus);
  --success: var(--az-cactus);
  --warn: #ea580c;
  --bad: #dc2626;
  --danger: #dc2626;
  --danger-hover: #b91c1c;
  
  
  --shadow: 0 1px 3px rgba(139, 115, 85, 0.1);
  --shadow-lg: 0 10px 25px rgba(139, 115, 85, 0.15);
  
  
  --brand: var(--az-adobe);
  --brand-2: var(--az-stone);
  
  
  --radius: 8px;
}


.glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}