

:root{
  color-scheme:dark;
  
  --deep:#0b0907;          
  --rock:#12100c;          
  --stone:#1a1611;         
  --stone-2:#221d16;       
  --seam:#2b241b;          
  --seam-2:#3a3125;        

  
  --lamp:#e8b55c;          
  --lamp-hi:#f5cf8a;       
  --lamp-lo:#a97c33;       

  
  --zhar:#ff8c34;          
  --zhar-lo:#e87c28;       

  --lamp-top:#f7d89b;      
  --lamp-mid:#d9a441;      
  --on-lamp:#3b2807;       
  
  --metal:linear-gradient(140deg,#f7d89b 0%,#f5cf8a 46%,#d9a441 47%,#e8b55c 100%);
  --stone-deep:#15120e;    
  --ore-hi:#cfe6a8;        
  --on-ore:#05261a;        
  --on-rust:#2b0b04;       

  
  --cream:#f2ece0;         
  --sand:#c3b394;          
  --sand-dim:#8b7f6a;      
  --moss:#6b6a4e;          

  
  --ore:#7fd6a0;           
  --rust:#d97757;          

  
  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:26px;

  
  
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --ease-drawer:cubic-bezier(.32,.72,0,1);
  --t-press:130ms;         
  --t-hover:180ms;
  --t-panel:260ms;

  
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  
  --font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}


body{background:var(--deep)}
body.nophoto::before,body.nophoto::after{display:none}
body::before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:url("img/mine.jpg?v=ce457bf2") 50% 42% / cover no-repeat;
  
  opacity:1;
}
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--deep) 16%, transparent) 0%, color-mix(in oklab, var(--deep) 26%, transparent) 30%,
                    color-mix(in oklab, var(--deep) 36%, transparent) 64%, color-mix(in oklab, var(--deep) 42%, transparent) 100%),
    radial-gradient(126% 88% at 52% 30%, transparent 44%, color-mix(in oklab, var(--deep) 30%, transparent) 100%);
}
@media (max-width:900px){
  body::before{background-image:url("img/mine-sm.jpg?v=ce4117df")}
}

@media (prefers-reduced-transparency:reduce){
  body::before{opacity:.4}
}
