:root{
  
  --papel:#FFFFFF;
  --sup:#F5F4F2;              
  --sup-2:#F1EFEA;            
  
  --tinta:#141416;
  --sub:rgba(20,20,22,.72);
  --soft:rgba(20,20,22,.54);
  --note:rgba(20,20,22,.34);
  --apagado:rgba(20,20,22,.22);
  
  --linea:rgba(20,20,22,.10);
  --linea-fuerte:rgba(20,20,22,.18);
  
  --brasa:#FF5A1F;            
  --sordo:#B03D0C;            
  --brasa-alta:#FF6E38;       
  --brasa-piel:rgba(255,90,31,.07);
  --franja-tinta:#140A06;     
  --alerta:#9A2515;
  --bien:#1A5C2E;
  
  --sans:'Geist',system-ui,-apple-system,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  
  --r1:6px; --r2:10px; --r3:14px; --r4:99rem;
  
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px;
  --e6:32px; --e7:48px; --e8:72px;
  
  --sombra:var(--relieve);

  
  --relieve:
    0 0 0 1px rgba(20,20,22,.035),
    0 1px 2px rgba(20,20,22,.055),
    0 4px 10px -2px rgba(20,20,22,.05),
    0 14px 30px -10px rgba(20,20,22,.07),
    inset 0 1px 0 rgba(255,255,255,.9);
  --relieve-alto:
    0 0 0 1px rgba(20,20,22,.05),
    0 2px 4px rgba(20,20,22,.055),
    0 10px 20px -4px rgba(20,20,22,.07),
    0 26px 50px -14px rgba(20,20,22,.11),
    inset 0 1px 0 #FFF;
  
  --relieve-hondo:
    inset 0 1px 2px rgba(20,20,22,.07),
    inset 0 0 0 1px rgba(20,20,22,.03);
  --paso:.19s cubic-bezier(.32,.72,0,1);

  
  --vidrio:rgba(255,255,255,.72);
  --vidrio-borroso:blur(24px) saturate(1.4);
  --vidrio-aro:
    0 0 0 1px rgba(20,20,22,.05),
    0 1px 2px rgba(20,20,22,.04),
    0 18px 40px -14px rgba(20,20,22,.13),
    inset 0 1px 0 rgba(255,255,255,.6);
  
  
  --brasa-carbon:#050505;
  --brasa-rescoldo:#3A1206;
  --brasa-ascua:#7A2A0C;
  --brasa-baja:#D4501A;
  --brasa-blanca:#FFEADC;

  --noche:#0D0D0D;
  --noche-sup:#1A1A1A;
  --noche-tinta:#F2F2F2;
  --noche-sub:rgba(255,255,255,.70);
  --noche-soft:rgba(255,255,255,.50);
  --noche-note:rgba(255,255,255,.30);
  --noche-apagado:rgba(255,255,255,.20);
  --noche-linea:rgba(255,255,255,.10);
  --noche-linea-fuerte:rgba(255,255,255,.20);
}